的slideToggle歸元一次一個

Question

我的html：

<div class="showOnReady">*content*</div> 

我的jquery：

$(document).ready(function() { 

     $(".showOnReady").delay(3000).each(function() { 
      $(this).slideToggle("slow");   
     }); 
}); 

麻煩的是它們都發生在同一時間。延遲工作正常，他們不會出現，直到頁面加載後3秒，但我希望他們滑動一個接一個。

Answer 1

您可以使用自己的index增加延遲每個動畫之間，例如：

$(document).ready(function() { 
     $(".showOnReady").delay(3000).each(function (i) { 
      var del = i*500; 
      $(this).delay(del).slideToggle(500);   
     }); 
});​ 

Demo