如何將延遲添加到jQuery的切換

Question

我從隱藏到可見的更多的點擊切換以下類：

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

問：此刻，這一切都在瞬間發生，我該怎麼設置這些發生2s（按照顯示的順序）？

Answer 1

在.toggle()之前添加一個.delay()，並將參數傳遞給.toggle（）以設置切換的速度。看起來，如果你不告訴切換速度有多快，即使默認爲400，它也會立即顯示。

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

Fiddle