Efecto mostrar/ocultar con 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
}}
/*Si se quiere que se muestre por defecto y luego ocultarlo, eliminar esta función*/
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('content1');/*nombre que le dimos al DIV */
}
Se llama desde el head:
<script type="text/javascript" src="function.js"></script>
Y por último colocamos el código par ocular/mostrar la capa div:
<div id="content1">
Contenedor de datos a ocultar/mostrar
</div>
<a style='cursor:pointer;' onclick="muestra_oculta('content1')">Mostrar / Ocultar</a>

No hay comentarios:

Publicar un comentario