seconds slide

by lovromar

HTML

<div class="show">
<rec>First item</rec>
<rec>Second item</rec>
<rec>Third item</rec>
<rec>Fourth item</rec>
    <p class="show-line"></p>
</div>

JavaScript

$('.show > rec').hide();

$('rec').each(function(index) { 
    var x = $(this).text();
    setTimeout(function() {
       $('p.show-line').html(x).hide().fadeIn('slow');  
     }, index * 5000);

});