JSFiddle - React, Tailwind, and code Playground
HTML
<div class="blueDiv toBeFaddedIn"></div>
<div class="blueDiv toBeFaddedIn"></div>
<div class="blueDiv toBeFaddedIn"></div>
<div class="blueDiv toBeFaddedIn"></div>
<div class="blueDiv toBeFaddedIn"></div>
CSS
.blueDiv {
background-color: blue;
height:50px;
width: 50px;
display: none;
}
JavaScript
function sequentialFadeIn(selectorText, speed, display, callback) {
display = typeof display !== 'undefined' ? display : "block";
var els = $(selectorText),
i = 0;
(function helper() {
els.eq(i++).fadeIn(speed, helper).css("display", display);
if (callback && i === els.length) {callback();}
})();
}
sequentialFadeIn(".toBeFaddedIn", "slow", "inline-block", function() {
console.log("I am just a callback");
});