title: Temporarily disable click event
body: <p>I want to disable click event on two buttons for a while when another event is going and then reenable it.
  .off method can block it, but using after .on can't make click event on buttons available again.</p>
  
  <pre><code>$('#button-block-1').click(function () {
      $('#block-1, #block-1-expansion-button').stop().fadeToggle('slow');
      if ($('#block-1, #block-1-expansion-button').is(':visible')) {$('#block-2').fadeOut('slow')}
  });
  $('#button-block-2').click(function () {
      $('#block-2').stop().fadeToggle('slow');
      if ($('#block-2').is(':visible')) {$('#block-1, #block-1-expansion-button').fadeOut('slow')}
  });
  
  $('#block-1-expansion-button').toggle(function () {
      $('#body-wrapper').animate({
          'top': '20px'
      }, 450);
      $('#button-block-1, #button-block-2').off('click');
      },
      function () {
      $('#body-wrapper').animate({
          'top': '0'
      }, 450);
      $('#button-block-1, #button-block-2').on('click');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/DCdwf/2/" rel="nofollow">JsFiddle example</a></p>