JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="a1" class="trip">Item1</div>
    <div id="a2" class="trip">Item2</div>
    <div id="a3" class="trip">Item3</div>
</div>

CSS

.trip { display: none}
#a2 { margin-left: 200px;  }
#a3 { margin-left: 400px; }

JavaScript

var $elem = $('#main .trip'), l = $elem.length, i = 0;

function go() {
    $elem.eq(i % l).fadeIn(700, function() {
        $elem.eq(i % l).fadeOut(700, go);
        i++;
    })
}

go();