title: Jquery scroll function for nested <div>
body: <p>I'm trying to make a nav that scrolls to a corresponding <code>&lt;div&gt;</code> for my site. The corresponding <code>divs</code> are nested inside another <code>div</code> with a <code>max-height</code> and scrollbar. That's when my jquery tends to fail me. </p>
  
  <p>He's a fiddle from another question that I related to my problem: <a href="http://jsfiddle.net/pyL62v58/" rel="nofollow">JSFIDDLE</a></p>
  
  <p>Notice when you click the button, it doesn't scroll to the correct <code>div</code>, and it scrolls to an awkward position when clicked again.</p>
  
  <p>How do I get it to scroll to the correct div and not strangely scroll back when it is clicked again? Thanks!</p>