Getting my head around jQuery
<p>OK, I'm designing a site and thought I'd stick some jQuery in as I really need so js experience.</p>

<p>Page with my problem is here: <a href="http://new.focalpix.co.uk/moreinfo.php" rel="nofollow">http://new.focalpix.co.uk/moreinfo.php</a></p>

<p>JS in question is:</p>

<pre><code>$(document).ready(function(){

    $(".answer").css("display","none");

    $("#maincontent a.animate").click(function() {
     $("#maincontent .answer").slideUp('slow');
     var id = $(this).attr('href');
     $(id).slideDown('slow');
     return false;
    });

});
</code></pre>

<p>This works fine, but if you click on a link where the answer has already slid down, then it slides up, then back down again.</p>

<p>I'm not sure on the cleanest way to stop this happening - any ideas?</p>
