Gestione degli eventi e delle funzioni

[shyntek]

Salve a tutti, è la prima volta che mi avvicino a Javascript ma conosco bene altri linguaggi di programmazione.

E' tutto il pomeriggio che cerco di fare una cosa che pensavo fosse abbastanza semplice fa realizzare... e invece....

Allora, in breve:

Ho una pagina in cui voglio che uno script si attivi agli eventi onclick (su delle voci di un menu) e mi cambi gli attributi <div class="nome" id="nome" style="display:none"> in <div class="nome" id="nome" style="display:block">

Ecco come pensavo di fare io.

Associo ad ogni elemento del menu un numero 0,1,2 e ho una mia variabile chiamata pagina.
Quando un elemento viene cliccato onclick assegna pagina=1/2/3 e poi con uno switch analizzo i diversi casi.

Non so proprio però come gestire le variabili in modo da ottenere il risultato voluto.

Mi sapete dare una mano?

Grazie mille

[Xinod]

in generale l' approccio piu' semplice e' il seguente

funzione mostra(num){
  var divs=document.getElementById('id_contenitore').getElementsByTagName('div');
  for(var k=0,l=divs.length;k<l;k++){
    divs[k].style.display=(divs[k].id==num)?'block':'none';
  }
  return false
}
...
mostra div_id1
mostra div_id2
<div id="id_contenitore">
  <div id="div_id1">sono div_id1</div>
  <div id="div_id2">sono div_id2</div>
</div>

ovviamente questo prende in considerazione tutti i div figli del contenitore (tra l' altro, ricavandosi la collezione di elementi ad ogni singolo click)
se immagini di dover annidare altri div nei div va modificato

[shyntek]

Si, ogni div ha dei contenuti, sono tutti dei div cornice.