JS+CSS实现DIV层的展开、收缩效果

本文为大家分享的第一个实例：JS控制DIV层的展开、收缩效果。

rush:xhtml;">

效果图：

第二个实例：js 控制展开折叠

rush:xhtml;"> <Meta http-equiv="Content-Type" content="text/html;charset=gb2312">

<div id="div2" style="border:1px solid #ccc; width:300px; height:200px; display: block;">
（1）每个HTML标记都有事件句柄属性。onClick是HTML标记属性，不分大小写。
（2）HTML标记对应的元素对象也具有事件句柄属性，这个属性必须全小写，因JS区分大小写