如何为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

在.delay()之前添加.toggle()，并将参数传递给.toggle（）以设置切换的速度。看起来如果你没有告诉切换它想要的速度，即使默认值为400，它也会立即显示。

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

Fiddle