JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>Hello</p>
    <p>World</p>
    <p>Lorem</p>
    <p>Ipsum</p>
</div>

CSS

#container {
    position:relative;
}
#container p {
    position:absolute;
    top:0;
    left:0;
}

JavaScript

var $p = $('#container p'),
    i = 0;

$p.not(':first').hide();

setInterval(function () {
    $p.filter(':visible').fadeOut(function(){
        $p.eq( ++i % $p.length ).fadeIn();
    });
}, 2000);