function javascript "apriechiudi"

[pearl]

Ciao a tutti.
Ho scritto un codice per poter aprire e chiudere un menu...
ovvero:

<script>

function apriEchiudi1(id){
if( document.getElementById( 'a1' ).style.height == 'auto')
document.getElementById( 'a1').style.height = '27px';

else
document.getElementById( 'a1' ).style.height = 'auto';
}

</script>

e:

<div class="menuTab" id="a1" onclick="apriEchiudi1('a1');"
onClick=" document.getElementById( 'a1' ).style.height = 'auto';">
........

per ogni "titolo" da aprire.
Bene.Funziona perfettamente...l'unico problema che ho notato solo adesso è che anche se mi allontano di molto dal titolo su cui cliccare, il menu si apre ugualmente...ma non so dove impostare la larghezza...essendoci solo "height"!

[cavicchiandrea]

La larghezza potrebbe essere impostata o dalla classe (class="menuTab") o dal id (id="a1"), se non è imposta credo (non sono esperto di css) che erediti quella del "contenitore" del div/documento.
Funziona benissimo con due eventi onclick? Strano non dovrebbe