JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hi">hi</div>
<div id="alsohi">Also hi</div>

CSS

#hi{
    border: 1px solid red;
}
#alsohi{
    border: 1px solid green;
}

JavaScript

$("#hi").css({"width" : "200px", "transform" : "translateX(500px)"});
$("#hi").css({"transition" : "all 5s ease-out", "transform" : "translateX(0px)"});

$("#alsohi").css({"width" : "200px", "transform" : "translateX(500px)"});
setTimeout(function(){
    $("#alsohi").css({"transition" : "all 5s ease-out", "transform" : "translateX(0px)"});
}, 50);