jquery - 动画 block 高度从 0 到自动

Question

尝试使用 .animate 创建动画。我希望 block 的高度为:0px，所以我使用了 CSS。

通常，

block 没有高度(我相信它是自动的，如果未设置值？)，但 block 中有内容。所以高度来自它里面的东西。

我希望我的 block 将高度 0 动画化为自动。所以我这样做了:

.panelContainer {
    height: 0;
    overflow: hidden;
}

和

(document).ready(function(){
    $(".panelContainer").animate({
        height: "auto"
    }, 1000);
});

但不知何故我的区 block 高度没有改变。

Answer 1

我认为您需要 .slideDown() 函数。
我已经创建了一个 fiddle 文件:jsFiddle

$(document).ready(function(){
    $('.panelContainer').slideDown(1000);
});

当网站出现时，panelContainer 会向下滑动。