How to show new elements one by one?

How to show new elements one by one?

Hello,

I have 10 elements on a single page, on page load only want to show one, but at the top of the page I owuld like to have a little + or - that either add or show the elements in sequence, any idea how to to this please?


Let's say I have:

<div id="element1"></div>
<div id="element2"></div>
<div id="element3"></div>
<div id="element4"></div>
<div id="element5"></div>

When I load the page I would like to see only:
<div id="element1"></div>

When I click + each element below show one by one but only 5 can be shown(max)
<div id="element2"></div>
<div id="element3"></div>
<div id="element4"></div>
<div id="element5"></div>


How to do this please?

Thank you,

Ben