Jquery effet animate

Bonjour j'aurais une petite question.

Voilà j'aimerais faire en sorte quand cliquant sur un bouton cela fasse bouger une div.

Par exemple j'ai une div "content" (position:absolute;left:0) et lorsque je clique sur le bouton la div se déplace vers la droite donc la div "content" à pour nouvelle coordonnée (left:500px; par exemple)

Pour l'instant cette étape je l'ai réussi. Mais ce que j'aimerais faire et que je n'arrive pas c'est que sur ce même bouton lorsque l'on reclic la div "content" se remet en left:0;

Mon code pour la première étape est la suivante :

 $(document).ready(function(){
// Start animation
$("#go").click(function(){
  $("#content").animate({left: '+500px'}, 5000);
});
});

Voilà si quelqu'un peu m'aider

Merci d'avance
Modifié par hito (01 Dec 2009 - 13:04)

Très rapidement:

$(document).ready(function(){
  var content = $("#content");
  $("#go").click(function(){
    content.animate(
      {left: parseInt(content.css("left")) == 0 ? "500px" : "0"},
      5000
    );
  });
});

Ou encore

$(document).ready(function(){ 
    var content = $("#content"); 
    $("#go").toggle(
        function(){ 
            content.animate('left', "500px", 5000); 
        },
        function(){ 
            content.animate('left', "0px", 5000); 
        }
    ); 
});

Ah merci pour vos réponses ^^

Merci beaucoup