Discussion :

[barale61]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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".

[Toufik83]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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");  
    } });

[barale61]

Ça marche bien merci.