arrêter fonction jquery

Bonjour,
j'ai 2 formulaire dont 1 caché. J'ai ajouté un script jquery avec une fonction "animate" pour créer un slide de la droite vers la gauche pour caché le 1er et faire apparaitre le 2ème.
le souci est que lorsque je clique sur le bouton submit, le 1er réapparait alors que je souhaiterais que l'animation jquery ne se déclenche pas.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <form id="form1">...<a class="acces" href="#">Mot de passe oublié</a></form> <form id="form2">...</form> <script type="text/javascript"> $(function(){ $("a.acces").click(function(){ $("#form1").animate({ marginLeft: -500 }, 1000 ); $("#form2").animate({ marginRight: 550 }, 1000 ); }); }); </script>