Ciao, non ci capisco nulla di js...dovrei modificare questo script di menu espandibile in modo che da menu verticale sia orizzontale...è fattibile con poco o meglio che cerco direttamente un altro script? grazie...

js:

window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
document.getElementById("nav").className="jsenable ";
BuildList();
}
}

function BuildList(){
var hs=document.getElementById("nav").getElementsByTag Name("h3");
for(var i=0;i<hs.length;i++){
hs[i].onclick=function(){
this.parentNode.className=(this.parentNode.classNa me=="show") ? "hide" : "show";
}
}
}


html

<div id="nav">
<ul>
[*]<h3>clienti</h3>
<ul>[*]primo [*]secondo[/list]

[*]<h3>progetto</h3>
<ul>[*]primo [*]secondo[/list]
[/list]


css:

/*menu*/
div#nav {
width: 155px;
}

div#nav h3{
font: normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
color: #aab300;
}

div#nav ul,div#nav li{margin: 0;padding: 0;list-style-type: none}
div#nav li{margin: 0 0 1px 0}
div#nav a{
text-align: right;
display: block;
padding-left: 15px;
height: 18px;
line-height: 18px;
color: #000;
text-decoration: none;
font-weight: bold;
}
div#nav a:hover{color: #00005A;}
div#nav ul ul a{color: #333;font-weight: normal}

/* jv script */
div.jsenable h3{cursor: pointer;}
div.jsenable ul ul{display:none}
div#nav li.hide ul{display:none}
div#nav li.show ul{display:block}
div#nav li.show h3{color: #000000}