$(".btn1").click(function(){
$("#box").animate({height:"300px"})
})
也可以设置溢出隐藏：
<div style="min-height:10pxoverflow:hidden"><div style="margin-top:-800px">content more..</div>
</div>
第二种方式也需要js动态改变div style里面的margin-top。
js代码设置可折叠设置：设置代码折叠在菜单栏的窗口-->首选项
1、选择常规-->编辑器-->structure text editors，可以看到Enable folding选项，打上勾就可以使用代码折叠功能，但还要在具体的语言中设置。
2、选择js-->编辑器-->折叠，选择启用折叠就可以让js的代码折叠了。
