Menu a comparsa - una sola voce alla volta

[Nemesis_RM]

Ciao ragazzi,
mi servirebbe un piccolo aiutino con una cosa che nn sono riuscito a fare da solo:
Ho un menu a comparsa che al click su una voce fa comparire altre voci sotto di essa.
Però vorrei che una volta che si clicca su un'altra voce la voce aperta precedentemente si chiuda automaticamente, per non creare troppo spazio e non scombussolare il layout.
Mi potete dare qualche dritta perfavore?

ecco il codice principale:

<!--
function mostraMenu(menuCorrente) {
    if (document.getElementById) {
        questoMenu = document.getElementById(menuCorrente).style
            if (questoMenu.display == "block") {
                questoMenu.display = "none"
                }
                else {
                questoMenu.display = "block"
                }
            return false
        }
    else {
return true
    }
}
--> 

E il codice del menu:

[url="voce1.htm"]Voce 1[/url]
<div class="subMenuItem" id="voce1">
[url="subMenuItem1"]Voce a comparsa 1[/url]

[url="subMenuItem2"]Voce a comparsa 2[/url]

[url="subMenuItem3"]Voce a comparsa 3[/url]

[url="subMenuItem4"]Voce a comparsa 4[/url]

</div>

[url="voce2.htm"]Voce 2[/url]
<div class="subMenuItem" id="voce2">
[url="subMenuItem1"]Voce a comparsa 1[/url]

[url="subMenuItem2"]Voce a comparsa 2[/url]

[url="subMenuItem3"]Voce a comparsa 3[/url]

[url="subMenuItem4"]Voce a comparsa 4[/url]

</div> 

Grazie per aver letto il post..!

[Nemesis_RM]

up
perfavore ragazzi!