I am having some 8 products/services and i want to show updates based on the users who have used the services like

```
Product 1
smith used this service 8 hours ago

Product 2
neo used this service 10 hours ago

```

Now I have fetched the list of users with time and populated as a list

```
product 1
<ul class="ncls">
<li>Smith used this service 10 hours ago</li>
<li>Trinity used this service 11 hours ago</li>
<li>Morpheus used this service 12 hours ago</li>
</ul>

Product 2
<ul class="ncls">
<li>Neo used this service 3 hours ago</li>
<li>Oracle used this service 2 years ago</li>
</ul>

```

I am attempting to write a jquery script that would show one item from the list then fade it and show the next one.

So far i have done this, which doesnt work. So any ideas on how i can get this to work.

```
$(".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();
                  });
            });
        })();

```