Question

I have 3 show more links in my layout. They must trigger all the same table with content. So when you click on link 1 it shows the table, but if you click on link 2 the table won’t be hidden again (only when I click 2 times).

How can I fix this?

My code I have now:

$(".starterlink").toggle(
    function(){ $(".starterinfo").fadeIn('fast'); }, 
    function(){ $(".starterinfo").fadeOut('fast'); }
);

Answer 1

If I understand your question correctly, why don’t you do something like:

$(".starterlink").click( function(){ $(".starterinfo").fadeToggle('fast'); } );

Updated:

The following test code works fine for me.

<a href="#" class="starterlink">Click me</a>
<div class="starterinfo">This will fade in and out</div>

<script type="text/javascript">
    $(".starterlink").click(function () { $(".starterinfo").fadeToggle('fast'); });
</script>