JSFiddle - React, Tailwind, and code Playground

HTML

<span id='a'>Hello</span>

<span id='b'>world</span>

<span id='c'>!!!</span>

CSS

span {
    display: none;
}

JavaScript

var d = 500; // duration

// Execute in parallel.
//$('#a').show(duration).hide(duration);
//$('#b').show(duration).hide(duration);
//$('#c').show(duration).hide(duration);


$.when($('#a').fadeIn(d).fadeOut(d)).done(function () {
    $.when($('#b').show(d).hide(d)).done(function () {
        $('#c').slideDown(d).slideUp(d);
    });
});