jquery - 如何用jquery动画显示隐藏的div？

Question

愚蠢的问题，但我似乎无法弄清楚。

我有一个 div 并在页面加载时隐藏它，如下所示

$("e").hide();

然后，当用户执行特定操作时，我希望 div 能够优雅地动画或向下滑动。但在我的网站上，动画只是闪烁并固定隐藏的 div，并且不会发生淡入淡出或 slideDown 效果。

我用

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

Answer 1

您可以使用 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 的高度和宽度。