toggle sur formulaire

Bonjour,

J'essaie de rendre un formulaire dynamique en cliquant sur un lien en jquery et cela m'affiche bien le formulaire avec toggle et modifie bien mon lien mais, cela ne fonctionne pas à l'inverse. Je vous remercie de votre aide.

Code:

---

1 2	<span class="lienToggle">Si vous souhaitez <a href="#" id="push">nous contacter</a></span>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

$( "#push" ).click(function () { if ( $( "#formulaire" ).is(":hidden") ) { $("#formulaire" ).toggle("slow"); $(".lienToggle").html("Vous pouvez maintenant <a href=\"#\" id=\"push\">fermer le formulaire</a>"); } else { $("#formulaire").toggle("slow"); } });

---

Donc le formulaire ne se referme pas quand on clique sur "fermer le formulaire".

le premier élément #push est statique, résultat => clique fonctionne, mais le deuxième élément #push sera créer après le chargement du DOM, donc jQuery n'écoutera pas le clique sur cet élément.
solution => il faut passer par délégate.

Code:

---

1 2 3 4 5 6 7 8 9

$("body ou id ou class.. de l'élément parent de #push").on("click","#push",function(){ if ( $( "#formulaire" ).is(":hidden") ) { $("#formulaire" ).toggle("slow"); $(".lienToggle").html("Vous pouvez maintenant <a href='#' id='push'>fermer le formulaire</a>"); } else { $("#formulaire").toggle("slow"); } });

---

Ça marche bien merci.