title: JQuery - Turning event handler off and then back on
body: <p>Having a bit of trouble figuring out how to turn an event handler back on.</p>
  
  <p>I'm trying to stop the function from executing multiple times before the animation is finished.</p>
  
  <p>Here's a Fiddle:</p>
  
  <p><a href="http://jsfiddle.net/MkmnW/1/" rel="nofollow">http://jsfiddle.net/MkmnW/1/</a></p>
  
  <p>Here's my code:</p>
  
  <pre><code>$("#buttons a").click(function () {
  
      $('a').off();
  
      //  Remove class from current active
      $("#buttons a").removeClass('active');
  
      //  Change class on clicked button
      $(this).addClass("active");
  
      // Hide Non-Clicked Content
      $(".main_content").fadeOut("fast");
  
  
      $("#content_container").slideUp("slow");
  
      //  Find Selected
      var selected = $(this).attr("href");
  
      //  Show Selected
  
      $("#content_container").slideDown("slow", function () {
          $(selected).fadeIn("slow");
      });
  
      return false;
  });
  </code></pre>