Foros del Web - Ver Mensaje Individual - capas ocultar y mostrar pero solo siempre visible 1

Cap.Buscapina · #2 (**permalink**) 28/09/2006, 17:21

holas,

groso modo podria ser:

Código HTML:

<html>
<head>
<script>
var anterior;

function mostrar(capa){
if(anterior){
document.getElementById(anterior).style.visibility="hidden";
}
document.getElementById(capa).style.visibility="visible";
anterior=capa;
}
</script>
</head>

<body>
<p><a href="#" class="azul" onClick="mostrar('info01')">- 1 Interiores</a></p>
<p><a href="#" class="azul" onClick="mostrar('info02')">- 2 Exteriores</a></p>
<p><a href="#" class="azul" onClick="mostrar('info03')">- 3 Zonas Com&uacute;n </a></p>

<div id="info01" style="position:absolute;left:300px;top:200px;width:200px;height:100px;background-color:#99FF00;visibility:hidden;">prueba</div>
<div id="info02" style="position:absolute;left:300px;top:200px;width:200px;height:100px;background-color:#99CCFF;visibility:hidden;">pipi</div>
<div id="info03" style="position:absolute;left:300px;top:200px;width:200px;height:100px;background-color:#FFFF99;visibility:hidden;">popo</div>
</body>
</html>

saludos