Show overflow:hidden DIVS on click
<p>I have seen similar questions posted here but I can't seem to find the right one for my desired approach.  Probably cause I have minimal knowledge on jQuery.  </p>

<p>Basically this is the case.  I have a page containing 10 DIVS, say #page1 to #page10.  I set overflow to hidden so only the first DIV, #page1 is shown on viewport.  Is there a way to show the consecutive next and previous DIV on click .. say to have a "previous" and "next" link somewhere?  </p>

<p><em>edit</em></p>

<p>My original idea was to have DIV overflow hidden and scroll to the DIV but found that the solution given by @Steve is what I needed.  For overflow hidden solution, a method was explained by @VisioN.</p>
