title: jQuery make animation happen only once on click
body: <p>I have a simple jQuery animate code that I'm using to move a div from left to right when a user clicks a link, and then from right to left when the user clicks another link. </p>
  
  <p>My issue is that if the user keeps clicking the same link, the div keeps moving left. I want them to only be able to click it once, and if they click it again the link does nothing.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(document).ready(function(){
  $('a.facebook').click(function() {
      $('#social_holder').animate({'left' : '-=420px'});
  });
  $('a.twitter').click(function() {
      $('#social_holder').stop().animate({'left' : '+=420px'});
  });
  });
  </code></pre>
  
  <p>The example of what I'm working on can be found here: <a href="http://www.samskirrow.com/client-bionic" rel="nofollow">http://www.samskirrow.com/client-bionic</a></p>
  
  <p>Thanks</p>