Chiudere una div all' apertura di un' altra (getElementById)
Mi avevano fornito uno script per far in modo che al click apparisse la div con l' id scelto e al click nuovamente scomparisse, perņ se metto piu' di una div e clicco su entrambe una sola volta ovviamente appaiono tutte e 2, mentre vorrei che al click su una si chiudesse l' altra.. Avevo provato a mettere .style.display='none'; relativo all' altra div, ma appariva ugualmente o non si vedeva.. Questi sono i codici:
Codice HTML:
<html>
<head>
<title>SFT</title>
<link href="style.css" rel="stylesheet" type="text/css">
<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>
</head>
<body>
<fieldset>
<div class="menu"><div class="menu_text">
| <a href="">Home</a> | <a href="" onclick="toggle_visibility(2); return false;">Chi siamo</a> | <a href="" onclick="toggle_visibility(3); return false;">Dove siamo</a> | <a href="">Contattaci</a> |
<center><div id="3" style="display: none;"><ul>
<li>Sede</li>
<li>Uffici</li>
<li>Villaggi</li>
</ul></div></center>
<center><div id="2" style="display: none;"><ul>
<li>Staff</li>
<li>Animazione</li>
</ul></div></center>
</div></div><br>
PROVA DEL TESTO ABC LOLLETE
</fieldset>
</body>
</html>
