JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<ul class="taglines"> 
      <li>Hussain
           <ul class="rotated"> 
              <li>list 1</li> 
              <li>list 2</li>
           </ul>
       </li> 
       
      <li>Sufyan
           <ul class="rotated"> 
              <li>list 1</li> 
              <li>list 2</li>
           </ul>
       </li>
   </ul>

JavaScript

function run() {
    //$("li").click(function() {  
    var prev = $(".rotated li:first-child");
    $.unique(prev).each(function(i) {
      $(this).delay(i*600).slideUp(function() {
        $(this).appendTo(this.parentNode).slideDown();
      });
    });
  //});
}
  
window.setInterval(run,1000);