Hola... tengo el siguiente problema:
Necesito mostrar u ocultar una capa y que el enlace (link) "Mostrar" u "Ocultar" varíe según la acción, o sea, si hago clic en "Mostrar" éste cambie a "Ocultar" y me muestre la capa y viceversa. Esta parte ya la tengo, a continuación les muestro el código:
<head>
<script>
var ocultmenucmg = "none";
var visibmenucmg = "inline";
var municipios = "municipios";
//funciones para mostrar/ocultar elementos
function muestra(blo) {
document.getElementById(blo).style.display = visibmenucmg;
document.getElementById('mencmgoff').style.display = visibmenucmg;
document.getElementById('mencmgon').style.display = ocultmenucmg;
}
function oculta(blo) {
document.getElementById(blo).style.display = ocultmenucmg;
document.getElementById('mencmgoff').style.display = ocultmenucmg;
document.getElementById('mencmgon').style.display = visibmenucmg;
}
</script>
</head>
<body>
<a id="mencmgon" href="javascript
:muestra(municipios)" class="linkcmg03">Mostrar</a><a id="mencmgoff" style="display: none" href="javascript
:oculta(municipios)" class="linkcmg03">Ocultar</a>
<div id="municipios" style="display:none">...contenido de la capa...</div>
</body>
Ahora bien... que dificultad tengo, o mejor dicho, que es lo que quisiera poder hacer... necesito que al yo hacer clic en cualquier enlace (link) de la pagina, no me vuelva al estado inicial, o sea... si doy clic en "Mostrar" se me desplegará (se verá) la capa con su contenido, pero al dar clic encualquier enlace (link) de la página, la capa se me vuelve a ocultar y lo que quiero es que no pase eso.
Si la capa está visible que se quede visible al hacer clic en cualquier enlace (link) de la página... y si está oculta también... y que los enlaces (link) (Mostrar/Ocultar) mantengan su estado: si está visible la capa, sea "Ocultar" si está oculta la capa, sea "Mostrar".
Esto es lo que necesito... no se si me expliqué bien... por favor, si alguien puede ayudarme quedaré muy agradecido.