JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div id="section1" class="show section">1</div>
<div id="section2" class="section">2</div>
<div id="section3" class="section">3</div>
</div>

CSS

.section{display:none;}
.show{display:block;}

JavaScript

var len = $("#container").find(".section").length;
setInterval(function(){
    var current = $(".section:visible");
    var active = $(current).index();
    var next;
    if(active == len-1){
        next = 0;
    }
    else{
        next = active+1;
    }
    $(current).hide();
    $("#container .section:eq("+next+")").fadeIn();
},1000);