How to temporary disable click event on a HTML element
<pre><code> $(function(){
   $(".first").click(function(){ 
               $(".first ul li").slideUp();
               $(this).find("li").slideDown();        
   });
});
</code></pre>

<p>How can I make the active <code>.first</code> element temporary unclickable until its class siblings are referred as active and of course executing the code above is necessary.</p>

<p>Also no matter what type it is: <code>div</code>, <code>li</code>.</p>

<p>Appreciate your help.</p>
