JS 简单展开关闭切换代码_javascript技巧

第一种方法：原理比较简单通过判断当前是隐藏还是显示的，并以此来判断。

<script language="javascript"> function show() { var a=document.getElementById('aa'); a.style.display=="none"?a.style.display="":a.style.display="none"; } </script> <a href="#" onclick="show();">操作</a> <div id="aa" style="display:">脚本之家 欢迎你</div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第二种：更简单，但原理不是一眼能看出来
能详解的朋友可以留言啊，我们给补充上

<script language="javascript"> function show(){ with(document.getElementById('aa').style){display==""&&(display="none")||(display="")} } </script> <a href="#" onclick="show();">操作</a> <div id="aa" style="display:">jb51.net 欢迎你</div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]