Eu tenho o script abaixo para usar em um menu. Ele troca a visibilidade de um elemento específico pelo seu ID. Ao clicar em um menu principal, abre um submenu.
Existe alguma maneira de alterar o script para que ao clicar em outro menu o submenu anterior feche? Atualmente estão ficando os dois abertos.
<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('menu1');">
<p>Menu Um</p>
</a>
<div id="menu1" style="display:none;">
<ul>
<li>Item Um</li>
<li>Item Dois</li>
<li>Item Três</li>
</ul>
</div>
<a href="#" onclick="toggle_visibility('menu2');">
<p>Menu Dois</p>
</a>
<div id="menu2" style="display:none;">
<ul>
<li>Item Um</li>
<li>Item Dois</li>
<li>Item Três</li>
</ul>
</div>