ejemplos animate after javascript jquery hide delay show

javascript - animate - jquery delay



¿Cómo puedo usar delay() con show() y hide() en Jquery? (4)

¿Por qué no pruebas el fadeIn () en lugar de usar un show () con delay ()? Creo que lo que estás tratando de hacer se puede hacer con esto. Aquí está el código de jQuery para fadeIn y FadeOut () que también tiene un método incorporado para retrasar el proceso.

$(document).ready(function(){ $(''element'').click(function(){ //effects take place in 3000ms $(''element_to_hide'').fadeOut(3000); $(''element_to_show'').fadeIn(3000); }); }

¿Cómo puedo usar delay() con show() y hide() en Jquery?


La forma más fácil es hacer un "show falso" usando jquery.

element.delay(1000).fadeIn(0); // This will work


Pase una duración para show() y hide() :

Cuando se proporciona una duración, .show() convierte en un método de animación.

Ej element.delay(1000).show(0)

DEMO


de jquery api

Agregado a jQuery en la versión 1.4, el método .delay() nos permite retrasar la ejecución de las funciones que lo siguen en la cola. Se puede usar con la cola de efectos estándar o con una cola personalizada. Solo los eventos posteriores en una cola se retrasan; por ejemplo, esto no retrasará las formas sin argumentos de .show() o .hide() que no usan la cola de efectos.

http://api.jquery.com/delay/