Как добавить задержку к функции .slideUp в макетах Balsamiq?

Question

<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>

Что мне делать, если я хочу добавить задержку в 100 мс между .slideUp и slideDown?

Answer 1

Начиная с jQuery 1.4, это так же просто, как

$("#curtain").slideUp("slow").delay(500).slideDown("slow");

В более старой версии вам приходилось использовать обратный вызов анимации и setTimeout:

$("#curtain").slideUp("slow", function(){
  setTimeout(function(){ $("#curtain").slideDown("slow"); }, 500);
});

Answer 2

Хитрость здесь в том, чтобы задержать slideUp и slideDown .. это работает для меня:

    $('#loading').show((1));
    setTimeout(function(){ 
        $('.toggle_container').slideUp(function () {
        $('#loading').hide();
        });
    }, 500);

Answer 3

Вы можете вызывать функцию после завершения анимации. Получите функцию, вызываемую после сдвига, используйте таймер для ожидания 100 мс, затем вызовите сдвиг