nascondere div, menu' multilivello

[mlipreri]

Ciao ho il seguente codice html:

<script type='text/javascript' src='showhide.js'></script>

<div id="0" style="visibility: visible;">
igene

<div id="1" style="visibility: visible;">
sessole
</div>

<div id="1" style="visibility: visible;">
cat1
</div>

</div>

vorrei nascondere tutti i div con id=1, uso lo scrit qui sotto:

function getElement(id_){
return (typeof document.getElementById != "undefined")?document.getElementById(id_):document.all[id_];
}

function showHide(id){
div = getElement(id);
div.style.visibility = (div.style.visibility=="" || div.style.visibility=="visible")?"hidden":"visible";

}

ma cliccando su "igene" mi nasconde solo "sessole", c'è un modo per prendere TUTTI i div con id=1 all'interno di javscript?

[Xinod]

l' id deve identificare un elemento nel documento, piu' elementi non possono avere stesso id
l' id non puo' essere solo numerico

per cui chiamali id="div0", id="div1" etc
nella funzione ciclerai per il numero di div da considerare e valuterai se nascondere o meno quell' elemento

function showHide(num){
  var totalDivs=3; // x es, da "div0" a "div2" compresi
  for(var k=0;k<totalDivs;k++){
    var el=getElement('div'+k);
    if(k==num) el.style.display='block';
    else el.style.display='none';
  }
}

ciao

[mlipreri]

Ho modificato il codice in questo modo

<script type='text/javascript' src='showhide.js'></script>

<div id="div_0_0" style="visibility: visible;">
igene

<div id="div_1_0" style="visibility: visible;">
sessole
</div>

<div id="div_1_1" style="visibility: visible;">
cat1
</div>

</div

e la funzione che mi hai suggerito così:

function showHide(num,totdivs){
	
	  var totalDivs=totdivs;
	  for(var k=0;k<totdivs;k++){
	    var divName = num + '_' + k;
	    alert('nascondi ' + divName );
	    var el=getElement(divName);
	    if(k==num) el.style.display='block';
	    else el.style.display='none';

	  }
  }

ma mi stampa solo un alert('nascondi ' + divName ); e poi più niente...come se il parametro che gli passo non sia valido, ma è presente nel codice html...grazie 1000 per le dritte di prima!
Edit:
Ho provato a inserire prima di tutti i div il seguente link

Tutto

che stampa a video "nascondi div_0_0" ma non succede niente

[mlipreri]

mi sono accorto che le righe:

	    if(k==num) el.style.display='block';
	    else el.style.display='none';

non funzioneranno mai k non è mai uguale a num, cmq qualsiasi istruzione dopo

var el=getElement(divName);

nn viene eseguita...nemmeno un alert...

[Xinod]

ma il motivo per complicarlo cosi' e' perche' hai sotto-menu'?

qui passi una stringa, togli gli apici
Tutto

probabilmente ci sara' altro, ma lo trovo difficile da seguire
posta l' xhtml completo del menu'

[Xinod]

specialmente se hai sottomenu', ti raccomando di usare liste annidate

[mlipreri]

si o sottomenù, cmq nemmeno questo semplice pezzo di codice nasconde il div...nn lo genero con niente, l ho scritto a mano...nn trovo l'errore

<script type='text/javascript'>
function showHide(){

div = getElement("div1");
div.style.visibility = (div.style.visibility=="" || div.style.visibility=="visible")?"hidden":"visible";
alert('dsaddsa');

  }
</script>

Tutto

<div id="div1" style="visibility: visible;">
stampa qualcosa
</div>

[Xinod]

i link scrivili cosi'
Tutto

[Xinod]

manca questa funzione getElement()

[mlipreri]

grazie a tutti sono riuscito a nascondere i div che volevo, stavo valutando anche una soluzione con liste annidate, questo è il codice generato dal mio script:

...
<ul style=list-style-type: circle;>
[*]igene
	<ul style=list-style-type: circle;>
	[*]sessole
		<ul style=list-style-type: circle;>
		[*]blu
		[/list]
	
	[/list]
[/list]
...

mi chiedevo se fosse possibile nascondere le voci "sessole" e "blu" cliccando su "igene", in pratica come prima con i div...questa soluzione risulta migliore secondo voi?
Grazie