Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/05/2011, 09:52
tokero
 
Fecha de Ingreso: abril-2009
Ubicación: Vitoria
Mensajes: 160
Antigüedad: 15 años, 8 meses
Puntos: 1
Pregunta Ocultar divisiones al mostrar una de ellas

Muy buenas a todos y antes de nada, muchísimas gracias por vuestra ayuda...

Dispongo de un código JS que provoca que al leer una página de la Web, las divisiones seleccionadas estén ocultas.
A medida que se va pulsando sobre unos enlaces, se van mostrando las distintas capas, si se pulsa se muestra y si se vuelve a pulsar sobre el mismo se oculta...

Código Javascript:
Ver original
  1. window.onload = function(){
  2.     document.getElementById('capa').style.display = 'none';
  3.     document.getElementById('capa2').style.display = 'none';
  4.     document.getElementById('capa3').style.display = 'none';
  5. }
  6.  
  7. function cambio(idCapa){
  8.     var bloque = document.getElementById(idCapa);
  9.     bloque.style.display = (bloque.style.display == "none") ? "block" : "none";
  10. }

Lo que necesito saber, que no se me ocurre nada, es como hacer para que cuando una de ellas se muestre el resto pasen a estár ocultas.

Se me había pasado por la cabeza hacer una funcion "cambio" por cada una de las capas que vaya a mostrar / ocultar, pero acabaría con un montón de líneas de código... ahora son solo 3 pero serán unas cuantas más.

¿Se puede hacer de alguna otra forma? ¿Dentro de la función "cambio"?

De nuevo muchas gracias a todos y espero que puedan ayudarme.
__________________
Lets Rock!

Última edición por tokero; 31/05/2011 a las 09:54 Razón: Faltan aclaraciones