menu con sottomenu dinamici

[pippaccia1971]

ciao a tutti
allora io sono riuscito a fare un menu..in cui cliccando su ciascuna voce ti dà un sottomenu..
il problema è che vorrei fare in modo che quando mi sposto sulle varie voci del menu..vorrei che i sottomenu aperti si richiudessero subito al click della voce successiva o precedente a quella su cui avevo cliccato...
c'è un modo?? è possibile modificare questo script???
questo è il codice mi aiutate???


<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gi f)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gi f)"
}
}
}

document.onclick=change

//-->
</script>

<table width=270>
<tr>
<td>
<ul>
<li id="foldheader">Rimanenza Assegni
<ul id="foldinglist" style="display:none" style=&{head};>

[*]Personale
[*]Dettaglio
[*]Supporto

[/list]
[/list]

</td>
</tr>

<tr>
<td>
<ul>
<li id="foldheader">Rimanenza Contanti
<ul id="foldinglist" style="display:none" style=&{head};>

[*]Mese
[*]Storico
[/list]
[/list]

</td>
</tr>


</table>

[mexican]

creare una funzione che al click dei menu principali fa tornare il menù allo stato primario cioè tutti i menu chiusi e poi fai partire i sotto menù

[antos]

allora dovresti fare qualcosa del genere:
var menuaperto='none';
fuction showhide(obj){
if(menuaperto=='none')
document.getElementByeId('"+obj+"').style.display= 'block';
else{
document.getElementByeId('"+menuaperto+"').style.d isplay='none';
document.getElementByeId('"+obj+"').style.display= 'block';
}
menuaperto=obj;
}
Link
<div id="unid" style="display:none;"> ....</div>

devi adattarlo al tuo caso ma dovrebbe funzionare