JSFiddle - React, Tailwind, and code Playground

by myislandshop

HTML

<ul>
    <li class='thecontent'> CONTENT 1</li>
    <li class='thecontent'> CONTENT 2</li>
    <li class='thecontent'> CONTENT 3</li>
    
    <li class='thecontent'> CONTENT 4</li>
    <ul>

CSS

ul li.thecontent{ display:none;}

JavaScript

$(function(){
     function fadeMyContent() {
         
         $(".thecontent:first").fadeIn(700).delay(1000).fadeOut(700,
             function() {    
                     $(this).appendTo($(this).parent());   
                     fadeMyContent();    
             });
      }
     fadeMyContent();
});