JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1">
    1
</div>

<div id="box2">
    2
</div>

<div id="box3">
    3
</div>

CSS

#box1, #box2, #box3{
 float: left;
 width: 50px;
 height: 50px;
 padding: 5px; 
 display: none;    
}

#box1{ background:#333; }
#box2{ background:#330000; }
#box3{ background:#000;color:#fff; }

JavaScript

$(document).ready(function(){    
    window.setTimeout(function() {
        $("#box1").fadeIn('slow'); 
    }, 1000); 
    window.setTimeout(function() {
        $("#box2").fadeIn('slow'); 
    }, 2000);
    window.setTimeout(function() {
        $("#box3").fadeIn('slow'); 
    }, 3000);
    
});