Ho tre menu e tre sottomenu del tipo:

menu1 menu2 menu3


Al cliccare su menu1 mi deve visualizzare un sottomenu, al cliccare su menu2 mi deve nascondere menu1 e visualizzare menu2.

Il codice utilizzato è il seguente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Menu orizzontale dinamico in Dhtml</title>

<script language="javascript">

var i = 1


function HideDiv(ID){
document.getElementById(ID).style.display='none';
}
unction ShowDiv(ID){


document.getElementById(ID).style.display='none';
parametro="sottomenu"+i
While(i<3;i++){if (ID=parametro){i++;parametro="sottomenu"+i}
HideDiv(parametro)}
}

</script>
</head>

<body>
<div style="background-color: #EEEEEE; border-bottom: Solid 1px #000000;">
MENU # 1
MENU # 2
MENU # 3
</div>




<div id="sottomenu1" style="left: 1px; display: none">
Pagina # 1

Pagina # 2

Pagina # 3


</div>

<div id="sottomenu2" style="left: 81px;
position: absolute; top: 38px; display: none">
Pagina # 4

Pagina # 5

Pagina # 6

</div>


<div id="sottomenu3" style="left: 157px;
position: absolute; top: 38px; display: none">
Pagina # 7

Pagina # 8

Pagina # 9


</div>


</body>


</html>

ebbene non funziona
I sottomenu sono tutti e tre hidden e rimangono tali indipendentemente da qualunque azione compia.