动画页面的高度？

Question

我有一个包含大量内容的页面。我想在页面加载时隐藏内容，然后使用jquery为页面高度设置动画。

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

Answer 1

你可以隐藏每默认你的内容在CSS

#content { 
    display: none; 
} 

，并显示是否之后使用jQuery的slideDown这正是你想要的。

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

http://jsfiddle.net/PcpNk/

Answer 2

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

使用jQuery动画（）函数

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

更多信息检查此链接animate()