JSFiddle - React, Tailwind, and code Playground
HTML
<div id="div1">
</div>
<div id="div2">
</div>
CSS
#div1{
height:100px;
width:100px;
background-color:red;
display:none;
position:absolute;
}
#div2{
height:100px;
width:100px;
background-color:blue;
display:none;
position: absolute;
}
JavaScript
$('#div1').fadeIn();
setTimeout(function(){
$('#div1').fadeToggle(600);
$('#div2').fadeToggle(600);
},4000);