title: using jquery to show updates
body: <p>I am having some 8 products/services and i want to show updates based on the users who have used the services like</p>
  
  <pre><code>Product 1
  smith used this service 8 hours ago
  
  Product 2
  neo used this service 10 hours ago
  </code></pre>
  
  <p>Now I have fetched the list of users with time and populated as a list</p>
  
  <pre><code>product 1
  &lt;ul class="ncls"&gt;
  &lt;li&gt;Smith used this service 10 hours ago&lt;/li&gt;
  &lt;li&gt;Trinity used this service 11 hours ago&lt;/li&gt;
  &lt;li&gt;Morpheus used this service 12 hours ago&lt;/li&gt;
  &lt;/ul&gt;
  
  Product 2
  &lt;ul class="ncls"&gt;
  &lt;li&gt;Neo used this service 3 hours ago&lt;/li&gt;
  &lt;li&gt;Oracle used this service 2 years ago&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am attempting to write a jquery script that would show one item from the list then fade it and show the next one.</p>
  
  <p>So far i have done this, which doesnt work. So any ideas on how i can get this to work.</p>
  
  <pre><code>$(".ncls").children().hide().eq(0).show();
          (function showThisTat(){
              $('.ncls li:visible').delay(1500).fadeOut('slow',function(){
                    $(this).appendTo(this);
                    $('.ncls li:first').fadeIn('slow',function(){
                        showThisTat();
                    });
              });
          })();
  </code></pre>