如何動畫在jquery中顯示隱藏的div？

愚蠢的問題，但我似乎無法弄清楚這一點。如何動畫在jquery中顯示隱藏的div？

我有一個div和隱藏在頁面加載時，像這樣

$("e").hide();

然後當用戶個人的特定動作我想股利動畫或優雅地滑下。但在我的網站上，動畫只是閃爍並穿上隱藏的div，並且不會出現淡化或滑落效果。

我用

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

來源

2011-01-31 Eli

什麼是$（「＃p」）`？什麼元素？ – Reigel 2011-01-31 09:00:32

http://stackoverflow.com/questions/3920865/trouble-with-div-hide-show-on-mouse-click – Quazi 2011-01-31 09:19:29

這是jquery中的選擇器 – Hiyasat 2011-01-31 09:25:52

可以使用animate做同樣的東西animate這樣子...

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

到上下滑動可以用高度和DIV的寬度玩....

來源

2011-01-31 09:09:46 Vivek

使用Toggle功能，以做到這一點。

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

來源

2011-01-31 09:00:02

您可以使用動畫Animate 簡單的例子：

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

，其中列表是父

和正常工作與所有瀏覽器

來源

2011-01-31 09:05:10 Hiyasat

-2

爲什麼不$("#e").fadeOut(250);什麼？

來源

2011-01-31 09:34:30

相反的：

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

這樣寫：

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

這將顯示或隱藏DIV。這是1線解決方案。

來源

2018-01-28 19:21:15 Enriqe

如何動畫在jquery中顯示隱藏的div？

回答

相關問題