comment animer afficher un div caché en jquery?

Question stupide mais je n'arrive pas à comprendre cela.

J'ai un div et de le cacher quand le chargement de la page comme

$("e").hide();

ensuite, lorsqu'un utilisateur de personnes d'une action spécifique, je veux la div pour animer ou de glisser en douceur. Mais sur mon site, l'animation, tout clignote et chaussures cachés div et pas de fondu ou de slideDown effets se produisent.

- Je utiliser

$("#e").hide();
$("#p").change(function() {
    if ($("#p").val() === 'Married') {
        $("#e").slideDown(500);
    } else {
        $("#e").slideUp(500);
    }
});
qu'est-ce que $("#p")? quel élément?
stackoverflow.com/questions/3920865/...
c'est Sélecteur jquery
#p est de sélectionner dans la liste déroulante

OriginalL'auteur Eli | 2011-01-31

  1. 11

    Vous pouvez utiliser animate de faire la même chose animer 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 );
    }
});

    à glisser vers le haut et vers le bas, vous pouvez jouer avec la hauteur et la largeur de la div.

    la div est incorporé dans le milieu de 2 autres Divs, je voulais pour les DIV à glisser vers le bas en poussant vers le bas au fond de la DIV comme il slidesDown
    Cela fonctionne très bien, mais Si je pourrais demander... Est-il un moyen de le faire "pousser" la DIV en dessous d'elle pour qu'elle s'estompe en vue?

    OriginalL'auteur Vivek

  2. 4

    Utiliser le Toggle fonction, afin de le faire.

    $("#p").toggle(function(){
    //Your toggle code here
});
    Je n'arrive pas à comprendre pourquoi? pourquoi .toggle() sur $("#p")?
    Cela semble être la meilleure façon de le faire

    OriginalL'auteur Neil Knight

  3. 4

    Au lieu de:

     {
    $("#e").slideDown(500);
 } else {
    $("#e").slideUp(500);
 }

    Écrire ceci:

    $("#e").toggle(500);

    Cela permettra d'afficher ou de masquer votre DIV.
    C'est 1 solution en ligne.

    Cela devrait être la bonne réponse

    OriginalL'auteur Enriqe

  4. 1

    Vous pouvez utiliser Animer Animer
    exemple simple:

    $("#p").animate({ opacity: 0 }, 600).prependTo($list);

    où la liste est le parent

    et il fonctionne très bien avec tous les navigateurs

    OriginalL'auteur Hiyasat

  5. -2

    Pourquoi ne pas simplement $("#e").fadeOut(250); ou quelque chose?

    parce que le DIV est caché de l'utilisateur jusqu'à une certaine action est réalisée, si j'ai fondu en elle, elle en aura un décalée, quand mon formulaire de charges 🙂

    OriginalL'auteur Barrie Reader