Как использовать функцию delay() с помощью show() и hide() в JQuery

Ответ 1

Пропустите продолжительность до show() и hide():

Когда предоставляется продолжительность, .show() становится методом анимации.

например. element.delay(1000).show(0)

DEMO

Ответ 2

из jquery api

Добавленный в jQuery версии 1.4, метод .delay() позволяет нам задерживать выполнение функций, следующих за ним в очереди. Он может использоваться со стандартной очередью эффектов или с пользовательской очередью. Задерживаются только последующие события в очереди; например, это не задерживает формы без аргументов .show() или .hide(), которые не используют очередь эффектов.

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

Ответ 3

Почему бы вам не попробовать fadeIn() вместо использования show() с delay(). Я думаю, что то, что вы пытаетесь сделать, может быть сделано с этим. Вот код jQuery для fadeIn и FadeOut(), который также имеет встроенный метод задержки процесса.

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