title: jQuery: jump to next <section>
body: <p>So this should be fairly basic... and I'm doing it, but I wanted to ask for a few different options.</p>
  
  <p>One option is using the "Smooth Scroll" and anchor names... but I find that to be quite inconsistent.</p>
  
  <p>This is my HTML structure:</p>
  
  <pre><code>&lt;section id="home"&gt;
  &lt;!-- some content --&gt;
  &lt;/section&gt;
  
  &lt;section id="about"&gt;
  &lt;!-- some content --&gt;
  &lt;/section&gt;
  
  &lt;section id="services"&gt;
  &lt;!-- some content --&gt;
  &lt;/section&gt;
  
  ...
  </code></pre>
  
  <p>I have some "quick buttons" on the right side of the section and basically allows you to "travel" up or down from section to section.</p>