Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2007, 10:05
aortiz_endirecto
 
Fecha de Ingreso: octubre-2005
Mensajes: 19
Antigüedad: 19 años, 5 meses
Puntos: 0
Sonrisa Problema con Mostrar/Ocultar capas con 3 capas

Hola a todos, me estoy rompiendo la capeza para conseguir ocultar y mostrar capas con 3 capas. He cogido un código que es para 2 capas pero para hacerlo funcionar con 3 me resulta imposible.

Este es el código q tengo:

<script type="text/javascript">
function muestralo(capa){
var x = document.getElementById(capa);
var origen = (capa == 'paso01')? document.getElementById('paso02') : document.getElementById('paso01');
x.style.display = (x.style.display == 'none')? 'block' : 'none';
origen.style.display = (origen.style.display == 'none')? 'block' : 'none';
}
</script>
<div id="lienzo">
<div id="marco">
<div id="contenido">
<div id="paso01" style="display: block;">
<div class="caja_flecha">
<h1>No me dao<br><br>ni cuenta</h1>
</div>
<a href="#" onclick="muestralo('paso02');return false" class="boton">O</a></div>
<div id="paso02" style="display: none;">
<div class="caja_flecha caso2" style="padding-left:30px;">
<h3>Hola Caracola</h3>
<p>asdfasdfasdfasdf</p>
<p><a href="#" target="_blank"></a></p>

</div>
<a href="#" onclick="muestralo('paso03');return false" class="botonkro">asdasd</a>
</div>
<div id="paso03" style="display: none;">
<div class="caja_flecha">
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. </p>
</div>
<a href="#" class="boton">asd</a>
</div>
</div>
</div>
</div>

</body>
</html>

No se, pero he intentado varias cosas pero nada.

Muchisimas gracias quien me pueda echar una manita.

Última edición por aortiz_endirecto; 19/10/2007 a las 02:32