<p>I have a menu with an animation going on, but I want to disable the click while the animation is happening.</p>

<pre><code>&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;

$("div").click(function() { 
  $(this).animate({height: "200px"}, 2000); 
  return false;
});
</code></pre>

<p>However, I want to disable all the buttons while the event is happening, AND disable the div that was clicked. </p>

<p>I was thinking of adding a class to the div that's clicked and putting the click only on the divs without that class:</p>

<pre><code>$("div").not("clicked").click(function() { 
  $(this).animate({height: "200px"}, 2000).addClass("clicked"); 
  return false;
});
</code></pre>

<p>But this doesn't appear to work (I think it does logically)?</p>

<p>Any help appreciated.</p>

<p>Cheers,<br />
Steve</p>

```
```
$("div").click(function() {
    if (!$(this).parent().children().is(':animated')) {
        $(this).animate({height: "200px"}, 2000); 
    }
    return false;
});
```
```