JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="wrapper">
    <div id="div1"></div>
    <div id="div2"></div>
</div>

CSS

#div1 {
    height:100px;
    width:100px;
    background-color:red;
    display:none;
}
#div2 {
    height:100px;
    width:100px;
    background-color:blue;
    display:none;
}
#wrapper {
    position:relative;
}
#div1,#div2 {
    position:absolute;
}

JavaScript

$('#div1').fadeIn();

setTimeout(function () {
    $('#div1').fadeOut(600)
    setTimeout(function () {
        $('#div2').fadeToggle(600);
    }, 300);
}, 4000);