如何在Balsamiq模型中向.slideUp函数添加延迟？

Question

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

现在，如果我想在.slideUp和slideDown之间增加100ms的延迟，我该怎么办？

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之后调用函数，使用计时器等待100ms，然后调用slidedown

Answer 3

这里的诀窍是延迟slideUp和slideDown。这对我来说很有效：

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