编程之家 jb51.cc 这是一个非常简单的应用，这个应用在过去几年在网页上创建可折叠区域是非常普遍的。其基本思想就是用CSS的display特性就可以完成。
<html><head><title>用JavaScript 实现可折叠区域<a href="https://www.jb51.cc/tag/daima/" target="_blank" class="keywords">代码</a>-LIEHUO.NET</title><script type="text/javascript">function toggle(sDivId) {var oDiv=document.getElementById(sDivId);oDiv.style.<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play=(oDiv.style.<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play=="none")?"block":"none";//这是关键<a href="https://www.jb51.cc/tag/daima/" target="_blank" class="keywords">代码</a> }</script><body><div style=background-color:blue;color:white;font-weight:bold;padding:10px;cursor:pointer onclick=toggle('divContent1')>点击</div><div div style=border:3px solid blue;height:100px;padding:10px id=divContent1>这段<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>用于演示隐藏与<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a></div><p> </p><div style=background-color:blue; color:white;font-weight:bold; padding:10px;cursor:pointer onclick=toggle('divContent2')>点击这里</div><div style=border:3px solid blue; height:100px;padding:10px id=divContent2>这段<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>用于演示隐藏与<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>.</div></body></html><br /><center>网更多教程，请访问：<a href=http://www.wfuyu.com/ target=_blank _fcksavedurl=http://www.wfuyu.com/ target=_blank>http://www.wfuyu.com/</a></center>提示：可修改后代码再运行!
