JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fade">
    <p>A</p>  
    <p>B</p>  
    <p>C</p>  
    <p>D</p>  
    <p>E</p>  
</div>

JavaScript

$.fadeInNext = function(next) {
    next.fadeIn(function() {
        $(this).fadeOut(function(){
            $.fadeInNext($(this).next());
        });
    });
}
$.fn.fadeInEach = function() {
    this.eq(0).fadeIn(function() {
        $(this).fadeOut(function() {
            $.fadeInNext($(this).next());
        });
    });
};
$('#fade p').hide().fadeInEach();