仅在DIV.alpha完成其.delay（）时显示DIV.bravo

Question

div.Bravo完成div.alpha之后如何直接显示.delay(1000)？

我已经尝试了以下内容，并发现当.alpha仍然显示时偶尔会出现.bravo。我假设在这里应该使用if语句，但是我无法想象任何有用的东西。

$(".alpha").delay(1000).hide(0);
$(".bravo").delay(1000).show(0);

有什么想法吗？

Answer 1

你可以把它放在回调函数中：

$(".alpha").delay(1000).hide(0, function() {
      //whatever you put here will happen after .alpha finishes hiding
      $(".bravo").delay(1000).show(0);
})

Answer 2

仅使用一个延迟，并同时切换元素：

$(".alpha").delay(1000).hide(0, function(){
  $(".bravo").show(0);
});

或者使用超时而不是延迟：

window.setTimeout(function(){
  $(".alpha").hide(0);
  $(".bravo").show(0);
}, 1000);