JS 簡單展開關閉切換代碼_javascript技巧

第一種方法：原理比較簡單通過判斷當前是隱藏還是顯示的，並以此來判斷。

<script language="javascript"> function show() { var a=document.getElementById('aa'); a.style.display=="none"?a.style.display="":a.style.display="none"; } </script> 操作 <div id="aa" >雲棲社區 歡迎你</div>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

第二種：更簡單，但原理不是一眼能看出來
能詳解的朋友可以留言啊，我們給補充上

<script language="javascript"> function show(){ with(document.getElementById('aa').style){display==""&&(display="none")||(display="")} } </script> 操作 <div id="aa" >jb51.net 歡迎你</div>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]