title: Jquery loop through li one by one
body: <p>I have the following code which displays an li item one by one.</p>
  
  <pre><code>var show = 1;
  var current = show - 1;
  var length = 9;
  
  var gallery = $('.quotescroll');
  
  
  
  var galleryItems = gallery.children('li');
  length = galleryItems.length;
  
  
  setInterval(function(){
      current = (current+1)%60;
  
      galleryItems.eq(current).slideDown();
      galleryItems.eq(current - show).slideUp();
  }, 10000);
  </code></pre>
  
  <p>The only trouble i have is that I now need it to loop throught the unordered list continuously. How would i acheive this?</p>
  
  <p><em><strong>EDIT</em></strong></p>
  
  <p>I found this code which does exactly what i need, however it doesn't have the nice slide animation.</p>
  
  <pre><code> setInterval(function() {
       var firstLi = $('.quotescroll li').first().detach();
      $('.quotescroll').append($(firstLi));
   }, 5000);
  </code></pre>