Hola, a todos, tengo el siguiente codigo
Código:
<script language="javascript">
function muestra(id){
document.getElementById(id).style.visibility="visible";
}
Código:
<body>
<a href="#" onclick="muestra('caparoja');"><div class="texto" id="roja">Capa Roja</div></a>
<a href="#" onclick="muestra('capaverde');"><div class="texto" id="verde">Capa Verde</div></a>
<a href="#" onclick="muestra('capaanarilla');"><div class="texto" id="amarilla">Capa Amarilla</div></a>
<a href="#" onclick="muestra('capaazul');"><div class="texto" id="azul">Capa Azul</div></a>
<div class="texto" id="reset" >RESET</div></a>
<div id="caparoja"></div>
<div id="capaverde"></div>
<div id="capaanarilla"></div>
<div id="capaazul"></div>
</body>
</html>
El problema es que quiero que todas estas capas se oculten a la vez con el botón reset, pero no se como hacerlo, por que como tenia pensado hacerlo, era de esta manera
Código:
function oculta(id1,id2,id3,id4)
document.getElementById(id1,id2,id3,id4).style.visibility="hidden";
Pero resulta que no recorre bien los id, por que como veis los id no son numeros que en ese caso un bucle for y ya esta, es decir no se como hacer que los argumentos detecten esos id que tengo puestos, para poder borrar todas las capas a la vez pulsando el boton reset.
Pues nada haber que me decis, por que tengo un lio. Ufff.
Gracias