title: jQuery disable event listener until event finished
body: <p>I have four tabs, one of them is active by default. When a non-active tab is clicked, it expands and the active one shrinks.</p>
  
  <p>The problem I have is when a non-active tab is clicked during an animation.</p>
  
  <p><a href="http://jsfiddle.net/wFHBR/" rel="nofollow">http://jsfiddle.net/wFHBR/</a></p>
  
  <pre><code>$(document).ready(function(){
      $('.tab').bind('click',function(){
          if(!$(this).hasClass('activetab')){
              $('.activetab').removeClass('activetab',500);
              $(this).addClass('activetab',500);
          }
      });
  });
  </code></pre>
  
  <p>I know animation stacking questions are asked all the time but I cant find a solution to this particular example.</p>
  
  <p>I don't want an animation to be stopped, reversed or queued. I just want any clicks on any other tab to be completely ignored IF an animation is still going.</p>
  
  <p>Many thanks!</p>