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(){
        $.fadeInNext($(this).next());
    });
}
$.fn.fadeInEach = function(){
    this.eq(0).fadeIn(function(){
        $.fadeInNext($(this).next());
    });
};
$('#fade p').hide().fadeInEach();