title: sliding divs one immediately after another, within an indefinite loop
body: <p>Slowly getting there.</p>
  
  <p>I want to slide divs in from let to right (below), one immediately after another, within an indefinite loop.</p>
  
  <p><code>$('#slider_1').show('slide', { direction: 'left' }, 1000).delay(4000).hide('slide', { direction: 'left' }, 1000);</code></p>
  
  <p>I dynamically get my div IDs and store them in an array like this:</p>
  
  <pre><code>var divs    = [];
  var i       = 0;
  
  $('#cover div').each(function()
  {
      divs.push($(this).attr('id'));
  });
  </code></pre>
  
  <p>Now I want to loop through <strong>divs</strong> array and accomplish sliding divs, one immediately after another, within an indefinite loop.</p>
  
  <pre><code>    &lt;div id="cover"&gt;
          &lt;div id="slider_1"&gt;&lt;p class="content"&gt;SLIDER ONE&lt;/p&gt;&lt;/div&gt;
          &lt;div id="slider_2"&gt;&lt;p class="content"&gt;SLIDER TWO&lt;/p&gt;&lt;/div&gt;
          &lt;div id="slider_3"&gt;&lt;p class="content"&gt;SLIDER THREE&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>