ya casi lo tengo con la funcion display ...
Código PHP:
<script>
// definiciones basicas
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>
<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')">Mostrar</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('capa2')">Ocultar</a></div>
pero aun tengo un problemilla .. cuando muestra la capa2 la ubica en la parte superior .. y la capa1 la deja debajo de ella ..
desearia que dependiendo del clic esta reemplace la anterior ..