JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<ul id="content">
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
    <li>fifth</li>
    <li>sixth</li>
</ul>

JavaScript

function InOut( elem )
{
 elem.delay()
     .fadeIn()
     .delay()
     .fadeOut( 
               function(){ InOut( elem.next() ); }
             );
}

$(function(){
$('#content li').hide();
InOut( $('#content li:first') );

});