Mostrar y Ocultar Varias Capas a la vez

[wani]

Hola, necesito saber como puedo ocultar varias capas(divs) con el mismo nombre pulsando en un enlace.
Lo que tengo hecho ahora mismo solo me oculta/muestra la primera capa.

Código HTML:

<script>

function mostrardiv() {

div = document.getElementById('formu');

div.style.display = '';

}

function cerrar() {

div = document.getElementById('formu');

div.style.display='none';

}

</script>


<a href="javascript:mostrardiv();">Mostrar capa</a> 
<a href="javascript:cerrar();">Ocultar  capa</a> 

  <div id="formu" style="display:none;">
capa  1
</div>

 <div id="formu" style="display:none;">
capa 2
</div>

 <div id="formu" style="display:none;">
capa 3
</div>

La capa 1 se muestra y se oculta pero las dos siguientes no.

Gracias de antemano

[MarioAraque]

Es q los 3 divs tienen la misma id, asi no te va a funcionar pq siempre q hagas el getElementById va a elegir el primero....y seguro no te de el resultado que vos esperas.

Saludos.

[wani]

si, pero necesito que se llamen igual, ese es el problema. Gracias por responder

[MarioAraque]

Osea vos queres presionar un boton y mostrar una capa? Cual capa¿? Con un boton queres mostrar de a 3 capas? Y si queres cerrar una como lo harias? Porq tenes 3 capas...si estas mostrando la primera la cerras, pero la segunda como la cerras? Y cuando la cierres q mostras? ..... muchas cuestiones =(

div = document.getElementById('formu') siempre te va a devolver la primer capa, pq es el primer div con id formu.

Q se llamen igual no va a ayudar a solucionar el problema, de hecho es lo q ahora hace q no te funcione nada =S

Saludos.

[wani]

No nos planteemos la existencia de Dios, el problema es "facil" de plantear, mostrar y ocultar varias capas del mismo nombre a la vez con una funcion de javascript o como sea. O se muestran todas o se cierran todas. GRACIAS

[danistrein]

wani no tengo la respuesta a tu consulta, pero te re agradesco por el codigo es justo lo que andaba buscando si resuelves el problema porfavor asmelo saver,suerte!

[caricatos]

Hola:

Los id's, por definición no se pueden repetir, y seguro que existe alguna fórmula para evitarlo... Si quieres repetir atributos por alguna razón incluso puedes inventarlo usando setAttrinute, o usar alguno que sea estandar pero qiue no uses como class... pero lo que es cierto, es que si quieres mostrar/ocultar varias capas con un solo evento, es muy, muy fácil... te paso un artículo que plantea un problema similar: Páginas multilenguaje con javascript

Saludos

[wani]

gracias muy amables