JSFiddle - React, Tailwind, and code Playground

HTML

<a href='#'>fade all</a>
<p>111</p>
<p>222</p>
<p>333</p>
<p>444</p>

JavaScript

$(function() {
    $('a').click(function() {
        fadeAll($('p'));
    });
});


    
function fadeAll(elems) {
    var i=-1;
    function next() {
        i = i+1;
        if (i < elems.length)
            $(elems[i]).delay(1000).fadeOut(next);
    }
    next();
}