Comment utiliser delay () avec show () et hide () dans Jquery

Question

Comment utiliser delay() avec show() et hide() dans Jquery?

Answer 1

Transmettez une durée à show() et à hide():

Lorsqu'une durée est fournie, .show() devient une méthode d'animation.

Par exemple. element.delay(1000).show(0)

DÉMO

Answer 2

de jquery api

Ajouté à jQuery dans la version 1.4, la méthode .delay() nous permet de retarder l'exécution des fonctions qui la suivent dans la file d'attente. Il peut être utilisé avec la file d’effets standard ou avec une file personnalisée. Seuls les événements suivants dans une file d'attente sont retardés; Par exemple, cela ne retardera pas les formes sans argument de .show() ou .hide() qui n'utilisent pas la file d'attente des effets. 

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

Answer 3

Pourquoi n'essayez-vous pas le fadeIn () au lieu d'utiliser un show () avec delay () . Je pense que ce que vous essayez de faire peut être fait avec ceci . Voici le jQuery code pour fadeIn et FadeOut () qui a également une méthode intégrée pour retarder le processus. 

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

Answer 4

Le moyen le plus simple est de créer un "faux spectacle" en utilisant jquery.

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