Qualcosa del genere ?
codice:
<html>
<head>
<script type="text/javascript" language="Javascript">
<!--
function mostraMenu(idcliccato) {
if(idcliccato=='menu1') {
var idnoncliccato_1 = 'menu2';
var idnoncliccato_2 = 'menu3';
} else {
if(idcliccato=='menu2'){
var idnoncliccato_1 = 'menu1';
var idnoncliccato_2 = 'menu3';
} else {
var idnoncliccato_1 = 'menu1';
var idnoncliccato_2 = 'menu2';
}
}
var div1 = document.getElementById(idcliccato).style;
var div2 = document.getElementById(idnoncliccato_1).style;
var div3 = document.getElementById(idnoncliccato_2).style;
div1.display = 'block';
div2.display = 'none';
div3.display = 'none';
}
-->
</script>
</head>
<body>
<input type="button" value="menu1" onClick="mostraMenu('menu1');">
<input type="button" value="menu2" onClick="mostraMenu('menu2');">
<input type="button" value="menu3" onClick="mostraMenu('menu3');">
<div id="menu1" style="display:none; width:200px; background-color:yellow;">
<span>Questo è il primo menu</span>
</div>
<div id="menu2" style="display:none; width:200px; background-color:red;">
<span>Questo è il secondo menu</span>
</div>
<div id="menu3" style="display:none; width:200px; background-color:green;">
<span>Questo è il terzo menu</span>
</div>
</body>
</html>
Ciao