Як я можу використовувати delay () з show () та hide () у Jquery

Як я можу використовувати delay()з show()і hide()в Jquery?

Передайте тривалість до show()і hide():

Коли передбачена тривалість, .show()стає методом анімації.

Напр element.delay(1000).show(0)

ДЕМО

Найпростіший спосіб - зробити "фейкове шоу", використовуючи jquery.

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

Чому б вам не спробувати fadeIn () замість використання show () із затримкою (). Я думаю, що те, що ви намагаєтесь зробити, можна зробити за допомогою цього. Ось код jQuery для fadeIn та FadeOut (), який також має вбудований метод затримки процесу.

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

з jquery api

Доданий до jQuery у версії 1.4, .delay()метод дозволяє нам затримати виконання функцій, які слідують за ним у черзі. Його можна використовувати зі стандартною чергою ефектів або зі спеціальною чергою. Затримуються лише наступні події в черзі; наприклад, це не затримає форми без аргументів .show()або .hide()які не використовують чергу ефектів.

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