JS隐藏与展开

案例

<script type="text/javascript">
$( function () {
$( ".box1 .content" ).css( "display", "none" ); //先让ul的格式隐藏起来,效果就是没有了li那一栏
$( ".box1 .open" ).on( "click", function () { //on事件是"on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。"具体格式等等,可以用文档查找,索引搜索关键词:on,即可.
$( this ).next().toggle(); //toggle是类似开关的显示隐藏效果,具体移步文档.

} );
} );
</script>

<div class="box1">
<div class="open">关闭</div>
<div class="content">++++++++++++++</div>
</div>