Salve Alex,
grazie mille per la risposta...purtroppo devo dirti che un menu come mi hai suggerito tu ce l'ho - c'è anche il link (http://www.onedotzero.net/xmenu/menu.html)
A me serve che faccia esattamente ciò che descrivo...insomma se clicco su una voce PRINCIPALE mi deve visualizzare le sottocategorie relative e al tempo stesso far scomparire tutte le altre categorie.
Es.
MENU1 <-- click
MENU2
----------------------------
MENU1
sottomenu1
sottomenu2
back <-- click
-----------------------------
MENU1
MENU2
-----------------------------
mi sono spiegato? insomma la cosa è banale ma non so come modificare lo script per far in modo che funzioni in questo modo, ecco il codice:
---------------------------------
<html>
<head>
<title>Menu con javaScript</title>
<style>
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}
p {color:black;font-family:verdana;font-size:12pt}
h1 {color:black;font-family:verdana;font-size:13pt}
</style>
<script>
function startmenu()
{
document.getElementById('menu1').style.display = "none";
document.getElementById('menu1').style.display = "none";
document.getElementById('menu2').style.display = "none";
document.getElementById('menu3').style.display = "none";
document.getElementById('menu4').style.display = "none";
}
function menufunc(menuId)
{
if(document.getElementById(menuId).style.display == "none")
{
startmenu();
document.getElementById(menuId).style.display = "block";
}
else
{
startmenu();
}
}
</script>
</head>
<body onLoad="javascript:startmenu()">
<a href="javaScript:menufunc('menu1')">Menu 1</a>
<div id="menu1">
- <a href='#'>voce 1 di menu 1</a><br>
- <a href='#'>voce 2 di menu 1</a><br>
- <a href='#'>voce 3 di menu 1</a><br>
</div>
<br>
<a href="javaScript:menufunc('menu2')">Menu 2</a>
<div id="menu2">
- <a href='#'>voce 1 di menu 2</a><br>
- <a href='#'>voce 2 di menu 2</a><br>
- <a href='#'>voce 3 di menu 2</a><br>
</div>
<br>
<a href="javaScript:menufunc('menu3')">Menu 3</a>
<div id="menu3">
- <a href='#'>voce 1 di menu 3</a><br>
- <a href='#'>voce 2 di menu 3</a><br>
- <a href='#'>voce 3 di menu 3</a><br>
</div>
<br>
<a href="javaScript:menufunc('menu4')">Menu 4</a>
<div id="menu4">
- <a href='#'>voce 1 di menu 4 </a><br>
- <a href='#'>voce 2 di menu 4 </a><br>
- <a href='#'>voce 3 di menu 4 </a><br>
</div>
</body>
</html>