Mostrar y ocultar contenido con jQuery
Siempre que tengamos contenido no muy importante o que no queramos resaltar en nuestra página Web o especialmente en los formularios, cuando nos referimos a campos no obligatorios, podriamos ocultarlos y mostrarlos al antojo del usuario medante un checkbox que muestre o no muestre el contenido según esté chekeado o no.
Para implementar esto necesitarmos crear una función javascript dentro de la etiqueta <head> de la siguiente forma:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function mostrar(){
$('#flotante').css('display', 'block');
}
function cerrar(){
$('#flotante').css('display', 'none');
}
</script>
Esta función simplemente muestra el contenido escondido del <div> con id=»flotante».
Después en el <body> podríamos tener algo como lo que sigue:
<div id="content"> <p><a href="javascript:mostrar();">Mostrar</a></p> <div id="flotante" style="display:none;"> <div id="close"><a href="javascript:cerrar();">cerrar</a></div> Este es un div ocultar </div> </div>
En el código anterior tendremos un link que al hacer clic se realizará una llamada a la función mostrar() que se encarga de mostrar el div escondido.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
Una respuesta a “Mostrar y ocultar contenido con jQuery”
Deja una respuesta
73 artículos que te podrían interesar
Ver más sobre
Its excellent as your other content : D, thanks for posting . «Slump I ain’t in no slump… I just ain’t hitting.» by Yogi Berra.