Header Ads

como hacer desaparecer un div con jquery

Hola colegas, hoy vamos a ver un tutorial sobre como hacer desaparecer un div con jquery de manera muy fácil y rápida, tan solo es necesario que prestes mucha atención a lo que haremos con algunas secuencias de código.

Aprenda como hacer desaparecer un div con Jquery


Como ya te he mencionado en este artículo vamos a ver como hacer desaparecer o aparecer un contenedor o div tras x segundos con jQuery.

Para conseguir este efecto vamos a utilizar una función javascript que te puede resultar familiar: setTimeout().

Ejemplos de como hacer desaparecer un div con jquery.


Si queremos disponer de un contenedor que tras x segundos queremos que desaparezca necesitaremos añadir en nuestro <head> el siguiente código jQuery:



Quizás también te interese leerSeo Blogger para Principiantes

En el documento se está esperando a que pasen 3 segundos para hacer desaparecer el contenedor con class=”content”.

En nuestro <body> tendremos:



Y si quisieramos hacer aparecer un contenedor tras cumplirse x segundos necesitaremos incorporar en nuestro <head> el siguiente código jQuery:




En el documento se está esperando a que pasen 3 segundos para hacer aparecer el contenedor con class=”content2″.




Espero que este pequeño tutorial y algunos consejos y trucos que se hacen con jquery te haya encantado, muy pronto volveré con increíbles códigos que hacen cosas maravillosas, ya sabes como último consejo puedes probarlo en un servidor local ya sea con XAMPP o WAMPP.