[jQuery] hiding divs, then display one more at a time?

[jQuery] hiding divs, then display one more at a time?


Hi all,
I have a bunch of divs with a class of centerBox:
I want to only display the first one on page load so am using:
$(".centerBox:not(:first)").hide();
I now need to add a link that when clicked will display the next
centerBox and so on...
the code below shows all the hidden centerBoxs so any idea how i would
modify it to only show the next hidden centerBox?
$(".showmore").click(function() {
$(".centerBox:not(:first)").show();
return false;
});