JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class='fadey'>1</div>
    <div class='fadey'>2</div>
    <div class='fadey'>3</div>
</div>

CSS

div.fadey {
    display: none;
}

JavaScript

var faderIndex = 0,
        faders = $('.fadey');
    
    function nextFade() {
        $(faders[faderIndex]).fadeOut(1000, function() {
            faderIndex++;
            if (faderIndex >= faders.length)
                faderIndex = 0;
            $(faders[faderIndex]).fadeIn(1000, nextFade);
        });
    }
    nextFade();