JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">Je suis la div1</div> 
<div id="div2">Je suis la div2</div> 
<div id="div3">Je suis la div3</div>

CSS

div {  
    position : relative;
}

div#div1 {
    left : 400px;    
}

JavaScript

$("#div1").animate({'left':"0px"},800, function(){
    $(this).removeClass("mnt1");
     $("#div2").css("left","400px").addClass("mnt2").animate({"left":"0px"},800,function(){
             $(this).removeClass("mnt2");
           $("#div3").css("left","400px").addClass("mnt3").animate({"left":"0px"},800)
 
      });
});