7
votes

Comment animer une division cachée dans jQuery?

question muette mais je ne peux pas sembler comprendre cela.

J'ai un div et le cache lorsque la page se charge comme si p> xxx pré>

alors quand un Les utilisateurs sont une action spécifique que je veux que la DIV anime ou glisse gracieusement. Mais sur mon site, l'animation clignote et des chaussures clignote et sans fade ni fondue ni Sladedown code> Les effets se produisent. P>

J'utilise p>

$("#e").hide();
$("#p").change(function() {
    if ($("#p").val() === 'Married') {
        $("#e").slideDown(500);
    } else {
        $("#e").slideUp(500);
    }
});


2 commentaires

Qu'est-ce que $ ("# p") ? Quel élément?


Stackoverflow.com/ Questions / 3920865 / ...


6 Réponses :


5
votes

Utilisez la fonction bascule code> afin de le faire.

$("#p").toggle(function(){
    // Your toggle code here
});


2 commentaires

Je ne peux pas sembler avoir pourquoi? Pourquoi .toggle () sur $ ("# p") ?


Cela semble être la meilleure façon de le faire



1
votes

Vous pouvez utiliser Animate animate Exemple simple: xxx

la liste est le parent

et fonctionne bien avec tous les navigateurs


0 commentaires

14
votes

Vous pouvez utiliser animer code> pour faire la même chose animate fort> comme ça.

$("#e").hide();
$("#p").change(function(){
    if($("#p").val() === 'Married'){
        $("#e").animate( { "opacity": "show", top:"100"} , 500 );
    }else{
        $("#e").animate( { "opacity": "show", top:"150"} , 5000 );
    }
});


2 commentaires

La DIV est intégrée au milieu de 2 autres divs, je voulais que la DIV glisse en poussant le bas DIV en tant que diaporisation


Cela fonctionne bien, mais si je pourrais vous demander ... Y a-t-il un moyen de le faire "pousser" la div en dessous de cela, car il s'estompe en vue?



-2
votes

Pourquoi pas seulement $ ("# e"). Fadeout (250); ou quelque chose?


1 commentaires

Parce que la div est cachée de l'utilisateur jusqu'à ce qu'une action certaine soit effectuée, si je le décolore, il aura un look original lorsque mon formulaire charge :-)



9
votes

au lieu de: xxx

écrire ceci: xxx

Ceci affichera ou masquer votre div. C'est une solution de 1 ligne.


0 commentaires

1
votes

Je me rends compte que cela a maintenant des années, mais d'être arrivé ici à la recherche de la même information, vous pouvez maintenant utiliser une durée qui fait l'animation coulissante pour vous. Par exemple: xxx

lots plus Options disponibles .


0 commentaires