jquery - 如何为 jQuery 切换添加延迟

Question

单击 .more 时，我将以下类从隐藏切换为可见：

$( ".more, .less" ).click(function() {
var $this = $(this);
  $this.siblings(".controls").toggle();
  $this.siblings(".phone").toggle();
  $this.siblings(".less").toggle();
  $this.toggle();
});

问题：目前，这一切都是瞬间发生的，我怎样才能将它们设置为相隔 2 秒（按显示的顺序）？

Answer 1

在.toggle()之前添加.delay()，并将参数传递给 .toggle() 以设置您希望切换的速度。似乎如果您不告诉切换它想要多快，即使默认为 400，它也会立即显示。

$('.box').delay(1000).toggle(400);

小提琴