我有一个用于菜单的显示/隐藏脚本。当我单击主链接时,它会在其下方显示一个列表。我想知道是否有一种方法可以稍微改变它,以便当我单击链接时它会打开,但是当我单击下一个链接时它会关闭另一个而不是让它们全部打开,除非您再次单击它以关闭。
这是我的脚本:
<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>