JSFiddle - React, Tailwind, and code Playground

HTML

<div id='apDiv1'></div>
<div id='apDiv12'></div>

CSS

div{
  position:absolute;
  top:0;
  left:0;
  width: 100px;
  height: 100px;
  background: #780000;
}

#apDiv1{
  background: #007800;
  right:0;
}

#apDiv12{
  opacity:0;
}

JavaScript

$('#apDiv1').animate({top:"640px"},3000);

  setTimeout(function(){

    $('#apDiv12').animate({opacity:1},3000);

      setTimeout(function(){
          $('#apDiv12').animate({opacity: 0},3000);
      }, 6300);

  }, 3300);