逐個顯示一系列表格JS

Question

我想顯示一系列由AJAX生成的表格。

下面是我的JS代碼。

$(function() { 
    $(".buttonTEST").on("click",function(e) { 
     $(".18").toggle("slow", function showNext() { 
      $(this).toggle("slow"); 
      $(this).next("table").toggle("slow", showNext);  
     }); 
    }); 
}); 

18是第一個表的類。 代碼工作正常，但顯示錶並關閉他們WAT太快。 我想要的是在開放關閉和下一個開放關閉之間的一些暫停。 我試圖玩setTimeout，但不斷結束循環和錯誤。

我怎樣才能做到這一點？

Answer 1

$.fn.slowToggle = function() { 
    item = $(this);   
    item.toggle("slow", function() {       
     setTimeout(function(){ 
      var next = item.next("table"); 
      if(next.length) { 
       next.slowToggle(); 
      } else { 
       return null; 
      } 
     }, 2000); 
    }); 
} 

$(".buttonTEST").on("click",function(e) { 
    $(".18").slowToggle();    
}); 

這裏是fiddle