Exibe Divs: Ocultar o mostrar un DIV con Javascript

sábado, 26 de novembro de 2011

Ocultar o mostrar un DIV con Javascript

Muestra oculta

Mostrar / Ocultar

Este contenido tiene que mostrarse con el link

Muestra oculta</title><br />
<br />
<script language="JavaScript">

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script><br />
</head><br />
<br />
<body><br />
<br />
<br />
<p><a style='cursor: pointer;' onclick="muestra_oculta('contenido_a_mostrar')" title="">Mostrar / Ocultar</a></p><br />
<div id="contenido_a_mostrar"><p>Este contenido tiene que mostrarse con el link</p></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)