ho inserito in una pagina + di un menù ad albero ma si aprono tutti nel primo come risolvo???il codice che ho inserito nell head della pagina è:


<script type="text/javascript">
function mmenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(cartellachiusa.gif)" : "url(cartellaaperta.gif)";
}

window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].className=="submenu")uls[i].style.display = "none";
}
}
</script>

i menu hanno un codice:
<ul>
<li class="menu">
Canale 1
<ul class="submenu" id="submenu-1">
[*]Link
[*]Link
[*]Link
[*]Link[/list]


quì sorge un problema infatti ho creato vari menù ad albero con il codice del primo ma si aprono tutti nel primo come risolvo???