JSFiddle - React, Tailwind, and code Playground

by Devendra Mani

HTML

<div id="test1" style="background-color:red;display: none;">A</div>
<div id="test2" style="background-color:yellow;display: none;">B</div>
<div id="test3" style="background-color:green;display: none;">C</div>
<div id="test4" style="background-color:blue;display: none;">D</div>

JavaScript

$(document).ready( function () {
$("#test1").fadeIn("slow", function(){
  $("#test2").fadeIn("slow", function(){
    $("#test3").fadeIn("slow", function(){
      $("#test4").fadeIn("slow");
    });
  });
});
});