 how can I disable links while animate
<p>I have 3 links and every link do some animation</p>

<pre><code>    $("a#home_hits").click(function () {    
    $(".hits").animate({left: "549px", opacity: 1}, { duration: 1500, queue: false });  
});

    $("a#home_hits1").click(function () {   
        $(".hits1").animate({left: "549px", opacity: 1}, { duration: 1500, queue: false });
    });

    $("a#home_hits2").click(function () {
        $(".hits2").animate({left: "549px", opacity: 1}, { duration: 1500, queue: false });
    });
</code></pre>

<p>but the problem is if I click on any link the other links still working </p>

<p>I tried this code with no luck</p>

<pre><code>$('a').click(function () {
if ($('div:animated')) {
    return false;
}
</code></pre>

<p>});</p>

<p>what can I do to disable the other links while animation is done</p>

<p>thank you</p>
