title: Jquery problem: trying to stop an animation after first click
body: <p>Jquery newbie here =) so I've got a code that slides the menu divs to the right, the problem is that I don't want the menu to keep doing the animation after the first click on any of those divs. I've tried return false but it didn't help. Here's the code:</p>
  
  <pre><code>$(document).ready(function(){
  
    $("#menu_home").click(function(){
      $("#menu_home").animate({"left": "+=419px"}, "slow");
        $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
        $("#menu_us").animate({"left": "+=210px"}, "slow");
        $("#menu_blog").animate({"left": "+=104px"}, "slow");
  
    });
  
    $("#menu_portfolio").click(function(){
      $("#menu_home").animate({"left": "+=419px"}, "slow");
        $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
        $("#menu_us").animate({"left": "+=210px"}, "slow");
        $("#menu_blog").animate({"left": "+=104px"}, "slow");
    });
  
    $("#menu_us").click(function(){
      $("#menu_home").animate({"left": "+=419px"}, "slow");
        $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
        $("#menu_us").animate({"left": "+=210px"}, "slow");
        $("#menu_blog").animate({"left": "+=104px"}, "slow");
    });
  
    $("#menu_blog").click(function(){
      $("#menu_home").animate({"left": "+=419px"}, "slow");
        $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
        $("#menu_us").animate({"left": "+=210px"}, "slow");
        $("#menu_blog").animate({"left": "+=104px"}, "slow");
    });
  
  });
  </code></pre>