如何实现CSS+JS一个DIV层的展开折叠效果

JavaScript016

如何实现CSS+JS一个DIV层的展开折叠效果,第1张

可以改变 "div" 元素的高度(jQuery的animate方法)：

$(".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的代码折叠了。