Mostrar y ocultar contenido a dos niveles

abigor66 · #1 (**permalink**) 27/07/2008, 09:59

Buenos dias Foreros, resulta que he estado trajando con capas y ahora tengo un inconveniente; resulta que quisiera tener capas a dos niveles. intenté mocificar los códigos que manejo pero no logro que funcione correctamente.

el códig es el siguiente:

Código HTML:

<html>
<head>
<script>
var capas = ["capa1", "capa2", "capa3", "capa4", "capa5"];
function mostrar(capa) {
for (i = 0, total = capas.length; i < total; i ++)
document.getElementById(capas[i]).style.display = (capas[i] == capa) ? "block":"none";
}
</script>

<style type="text/css">
<!--
#capa1, #capa2, #capa3, #capa4, #capa5  {display: none;}

.enlace01 a {color:#6699CC; text-decoration:none; font-weight:bold}
.enlace01 a:hover {color:#006699; font-weight:bold; text-decoration:none}
-->
</style>
</head>
<body class="enlace01">
<a style="cursor:pointer" onclick="mostrar('capa1')"> mostrar capa 1 </a> &raquo; 
<a style="cursor:pointer" onclick="mostrar('capa2')"> mostrar capa 2 </a> &raquo; 
<a style="cursor:pointer" onclick="mostrar('capa3')"> mostrar capa 3 </a> &raquo; 
<a style="cursor:pointer" onclick="mostrar('capa4')"> mostrar capa 4 </a> &raquo; 
<div id="capa1" >
<a style="cursor:pointer" onclick="mostrar('capa5')">contenido de capa1</a>
</div>
<div id="capa5" >
contenido de capa5
</div>
<div id="capa2" >
contenido de capa2
</div>
<div id="capa3" >
contenido de capa3
</div>
<div id="capa4" >
contenido de capa4
</div>
</body>

la idea es que el contenidode la capa 5 se muestre, pero que no se pierda el contenido de la capa 1, que me hace falta??

Gracias de antemano.

xbx · #2 (**permalink**) 27/07/2008, 11:54

Un simple if

Cita:

abigor66 · #3 (**permalink**) 27/07/2008, 16:19

Gracias lo probare