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 */