jquery - 动画页面的高度？

Question

我有一个包含很多内容的页面。我想在页面加载时隐藏内容，然后使用 jquery 动画到页面高度。

我已经用 css 完成了一个解决方案，但它并不优雅。jquery有没有更好的方法？

Answer 1

#divId
{
 height:30px;
 width:400px;
}

使用 jquery animate() 函数

$('#divId').animate({height:'50px'}, 500);

有关更多信息，请查看此链接animate()

Answer 2

您可以在 css 中默认隐藏您的内容

#content {
    display: none;
}

并显示之后是否使用 jQuery slideDown，它完全符合您的要求。

$('#content').slideDown(3000); /* 3 seconds */

http://jsfiddle.net/PcpNk/