JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first">blah1</div>
<div id="second">blah2</div>

CSS

#first, #second { 
  width:100px;
  height:100px; 
  background: blue;
  display:inline-block;
}

#first{
  background: red;
}

JavaScript

$('#first').animate({ height: 200 }, 200);
$('#second').animate({ height: 600 }, 200);

/*// This is actually the answer but behaves the same
  $(function () {
    $("#first").animate({
       height: '200px'
    }, { duration: 200, queue: false });
    $("#second").animate({
       height: '600px'
    }, { duration: 200, queue: false });
}); */