title: Scrolling content within an overflow:hidden div
body: <p>I have 5 <code>.kids</code> in my <code>#parent</code> and I want to be able to scroll in between those but only show one at a time. How do I scroll to a different place within my parent div to see a different kid?</p>
  
  <h3>My CSS:</h3>
  
  <pre><code>#parent { 
      width:500px; 
      height:600px; 
      overflow: hidden; 
  }
  
  .kids {     
      display: inline-block; 
      width:500px; 
      height:600px;    
  }
  </code></pre>
  
  <p>Sorry for the somewhat LQ question but I'm just stumped.</p>