JSFiddle - React, Tailwind, and code Playground

by thespacebean

HTML

<div id="div_3B">...</div>
<div id="div_3A">...</div>

CSS

#div_3B {
    background-color: red;
}

#div_3A {
    background-color: blue;
}

JavaScript

$("#div_3B").animate({"width":"0"}, 700, function() {   

$("#div_3A").animate({"width":"20%"}, 700, function() {
       $("#div_3B").css({"width":"0"}).stop(true,true).animate({"width":"79.6%"}, 700)
;});
});