Menu con voci nascoste

[darkmavis]

Buongiorno, io sto facendo un menu in html/css, che al click di una sezione, mi compaiono tutte le sottosezioni, e ho fatto in questo modo

<div class="menu" align="center">
<div class="menuTitle" onClick="Change(1)"></div>
<div id="voice1" class="voice1">
<div class="menuVoice"></div>
<div class="menuVoice"></div>
<div class="menuVoice"></div>
<div class="menuVoice"></div>
</div>
</div>

con la seguente funzione Change

<script language="javascript">
var showed = false;
function Change(id){
if(!showed){
document.getElementsById('voice'+id).style.display = "block";
showed = true;
} else {
document.getElementsById('voice'+id).style.display = "none";
showed = false;
}
}
</script>
solo che a quanto pare non va, sicuramente mi da errore nel richiamo del getElementsById, qualcuno mi sa dire il corretto uso? Grazie

[darkmavis]

dovevo scrivere getElementById e non getElementsById
ora se io voglio cambiare il foglio di stile, cosa devo usare? Cioè per farlo vedere uso document.getElementById('pippo'+id).style.display = valore, ma per fargli prendere un altro foglio di stile? .style = nuovo foglio?

[Xinod]

vorresti incorporare un css esterno completamente ex-novo?

[darkmavis]

nono, solo cambiare la classe, cmq ho risolto, basta usare .className

[Xinod]

infatti, non capivo come potesse rientrare nel resto del discorso

[cristina corso]

Ciao mi potresti far vedere un esempio del menu, mi interesserebbe

ciao

[darkmavis]

lo trovi qui

[cristina corso]

Magari mi dai le istruzioni per farlo, mi piacerebbe imparare