jQuery next() for divs
<p>I'm trying to make a scroll-able div, and so far I have this:</p>

<pre><code>&lt;div id="topBar"&gt; 
    &lt;span&gt;
        &lt;a id='slink' class='trigger' href='#Sports'&gt;Sport&lt;/a&gt;
        &lt;a id='elink' class='trigger'  href='#Entertainment'&gt;Entertainment&lt;/a &gt;
        &lt;a id='mlink' class='trigger' href='#Military'&gt;Military&lt;/a&gt;

        &lt;a id='mocklink' class='trigger' href='#MockUp'&gt;MockUps&lt;/a&gt;
        &lt;button&gt;Next&lt;/button&gt;
    &lt;/span&gt;
&lt;/div&gt;
</code></pre>



<p>ok, so maybe this is a bit simpler, I understand that i wasnt very clear at all last time:</p>

<p>How would I use the button in the above code to get from link to link? eg from sport to entertainment</p>
