Make a DIV not be shown outside it's container

Question

I\'m making a very basic animation with JQuery. Basically what I have is a DIV in the size of 60% width, 80% height and it contains a manual. My goal is that when you go through

Answer 1

try

 .manualPage{opacity:0}

OR

.manualPAge{visibility:hidden}

this way, all ages (#page1, #page2 etc) with class manualPAge would not be visible.

during the animation, when you are setting the top property, set the opacity to 1 OR visibility to visible

another way to do it is to set the overflow property of the containing window:

          .BigWindow{overflow:hidden} 

this way, any content exceeding the height of the .BigWindow would not be shown