Probleme differentes actions sur un seul bouton

Bonjour à tous,

Voila mon problème:

Je souhaite faire un menu qui bouge au premier clic et se remet à sa place d'origine au second clic.

Voici mon code :

$(document).ready(function(open_close) {


$("#bouton-menu").hover(function(open) {

$("#cadre-menu").animate({ marginLeft: "170px" }, 400 );


},function(close){


$("#cadre-menu").animate({ marginLeft: "0" }, 300 );


});


});

Le problème c'est qu'il ne fonctionne qu'avec un hover et non un click.
Comme je n'ai qu'un seul élément (et non 2 malheureusement) sur lequel cliquer, j'ai donc pensé à mettre des conditions en IF et nombres d'autres solutions. Par exemple :si la première action est faite alors je peux faire la seconde ...

Mais je n'ai pas réussi (je débute encore) ... donc je demande votre aide.

PS: Bouton_menu est une div contenant le bouton en question et cadre-menu est la div total du menu

Salut,
si tu veux faire exactement la même action avec un clic plutôt qu'un hover, je te conseillerai de regarder la fonction .toggle()

Ok merci. Je vais essayer et je reviens vers vous après pour vous dire.