con esto habilito y deshabilito capas ..
pero cuando intento hacer esto .. se me deshabilita la opcion mostrar
<div id="ver_on"><a href="#" onclick="mostrar('capa2'),ocultar('capa1')">Mostra r</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('capa2'),mostrar('capa1'),">Ocult ar</a></div>
asi funciona bien pero me carga una capa .. debajo de otra ..
<div id="ver_on"><a href="#" onclick="mostrar('capa2')">Mostrar</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('capa2')">Ocultar</a></div>
Este es el codigo
Código PHP:
<head>
<script>
OCULTO="none";
VISIBLE="block";
function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE;
document.getElementById('ver_off').style.display=VISIBLE;
document.getElementById('ver_on').style.display=OCULTO;
}
function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off').style.display=OCULTO;
document.getElementById('ver_on').style.display=VISIBLE;
}
</script>
</head>
<body>
<div align="center">
<div id="capa1" style="display: visible">
<?php include("articulos_especialistas.php") ?>
</div>
<div id="capa2" style="display: none">
<iframe src="maps.cgi?id=<?=$maps[idMapa] ?>" frameborder="0" scrolling="no" name="mapa" width="755" height="338"></iframe>
</div>
</div>
<div id="ver_on"><a href="#" onclick="mostrar('capa2'),ocultar('capa1')">Mostrar</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('capa2'),mostrar('capa1'),">Ocultar</a></div>
</body>