JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cover">
        <div id="slider_1"><p class="content">SLIDER ONE</p></div>
        <div id="slider_2"><p class="content">SLIDER TWO</p></div>
        <div id="slider_3"><p class="content">SLIDER THREE</p></div>
    </div>

CSS

#cover div {
  display: none
}

JavaScript

var i = 1;

var go = setInterval(function(){
    
$('#slider_'+i).show('slide', { direction: 'left' }, 1000);
    
            i++;
           // if (i == 4) { i = 1}

         }, 600)