Only select ONE div?

Only select ONE div?

Hi,
this is probably a really easy problem, but I can not seem to find it, have been trying for 3 hours now...

I have hidden 3 divs (these are created with a loop in PHP), and I want to show one at a time when the user clicks a button. How does one do a simple thing like that? I've tried with .each(), .next(), :first, ...

If I select the divs with

  1. $(".extra")

I have selected all 3 of them, and when I click the button

  1. $(".extra").show();

it shows all 3 divs, instead of 1 at the time... Driving me crazy.
Any good soul out there willing to help this jQuery noobie?
Thanks.