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.