JQuery Hide/Show on Scroll down
<p>I'm new to jquery.  I'm trying to write a script that will hide the div "box" and all children.  When the user scrolls to the bottom of the page, the div "box" and all children display. For time's sake, we'll say the children are "chamber1", "chamber2" and "chamber 3".</p>

<p>when I hide "box", it only removes that div.</p>

<pre><code>$(document).ready(function() {
   $("#box").hide();
});
</code></pre>

<p>Apologies for lack of code, but I'm having trouble understanding this lesson and I can't find an exact example of what I'm trying to do through my internet searches.</p>

<p>Thank you!</p>