Question

I’m trying to make a scroll-able div, and so far I have this:

<div id="topBar"> 
    <span>
        <a id='slink' class='trigger' href='#Sports'>Sport</a>
        <a id='elink' class='trigger'  href='#Entertainment'>Entertainment</a >
        <a id='mlink' class='trigger' href='#Military'>Military</a>

        <a id='mocklink' class='trigger' href='#MockUp'>MockUps</a>
        <button>Next</button>
    </span>
</div>

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

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

Answer 1

Maybe you need this?

$("button").click(function(){
  $('a.trigger:visible').first().fadeOut(500);
});