title: Display series of tables one by one JS
body: <p>I want to display a series of tables that are generated by AJAX.</p>
  
  <p>Below is my JS code.</p>
  
  <pre><code>$(function() {
      $(".buttonTEST").on("click",function(e) {
          $(".18").toggle( "slow", function showNext() {  
              $(this).toggle("slow");
              $(this).next("table").toggle( "slow", showNext);    
          });
      });
  });
  </code></pre>
  
  <p>18 is the class of the first table.
  The code works fine but displays the table and closes them WAT too fast.
  What i want is some pause between the open-close and the next open-close.
  I tried playing around with <code>setTimeout</code> but kept ending up with never ending loops and errors.</p>
  
  <p>How can i do this?</p>