小编Ni *_* Ck的帖子

我有一个显示/隐藏脚本,我用于菜单.当我点击主链接时,它会在其下方显示一个列表.我想知道是否有一种方法可以改变它,以便当我点击它打开的链接时,但当我点击下一个它关闭另一个而不是让它们全部打开,除非你再次点击它关闭.

这是我的脚本:

<script type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
</script>


<a href="#" onclick="toggle_visibility('list1');">
       <p>List One</p>
       </a>
       <div id="list1" style="display:none;">
         <ul>
           <li>Item One</li>
           <li>Item Two</li>
           <li>Item Three</li>
         </ul>
       </div>