title: unbind click, but keep eventPreventDefault();
body: <p>I'm trying to us unbind a click on an animation until the animation finishes to keep overlapping animiations from happening. The unbind works fine, but of course, then the event.preventDefault stops working and my button/link becomes active again. I'm not sure how to work my way around this.</p>
  
  <p>Shortened version of the code is:</p>
  
  <pre><code>$('a.Next').bind('click', SlideFwd);
  function SlideFwd(e){
      e.preventDefault();
      $('a.Next').unbind();
      $('ul.GridviewList').animate({
          left: '-=800px'
          }, 'slow', function() {
          $('a.Next').bind('click', SlideFwd);    
      });
  };
  </code></pre>
  
  <p>and the html is:</p>
  
  <pre><code>&lt;div&gt;
  
      &lt;div class="SlideControl"&gt;
          &lt;p class="Pages"&gt;&lt;span class="ProdCountDisplay"&gt;#&lt;/span&gt; of &lt;span class="ProdCountTotal"&gt;10&lt;/span&gt;&lt;/p&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a class="Disabled button_Back Previous" href="#"&gt;Prev&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="button_Next Next" href="#"&gt;Next&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;ul class="GridviewList"&gt;
          &lt;li class="ProdWrap"&gt;This is a slider space 1&lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 2&lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 3&lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 4&lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 5 &lt;/li&gt;
          &lt;li class="ProdWrap"&gt;This is a slider space 6 &lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 7&lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 8 &lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 9 &lt;/li&gt;
          &lt;li class="ProdWrap"&gt; This is a slider space 10 &lt;/li&gt;
      &lt;/ul&gt; &lt;!-- ul.Gridviewlist --&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>A complete working version is here:
  <a href="http://iwrb.idleprattle.com/Slider.htm" rel="nofollow">http://iwrb.idleprattle.com/Slider.htm</a>
  (only the next has the unbind/bind set up now)</p>
  
  <p>I also tried taking the preventDefault outside the function SlideFwd, but it must unbind that too. I.E.</p>
  
  <pre><code>$('a.Next').click(function(){e.preventDefault();});
  </code></pre>