JavaScript 实现点击切换层显示与隐藏

点击切换层显示与隐藏实现

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>点击显示/隐藏层</title> //code from www.jb51.net <style type="text/css"> a{text-decoration:none;} .tab{border:1px solid #e57243;border-top:0;margin:10px 0;text-align:left;width:200px;font-size:14px;} .th{border-top:1px solid #e57243;padding:5px;font-weight:700;clear:both;background:#f5e1d9;} .td{background:none;padding-left:37px;} </style>  </head> <body> <div class="tab"> <div class="th td" id="test" style="display: block;"> 本站，脚本编程基地。欢迎大家学习交流。</div> <div class="th" id="9"> [-] <--点击</div> </div> </body> </html>

注意：若引入外部 JavaScript 文件，通常需要刷新页面后代码才能生效。