JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a"></div>

CSS

div {
    border:1px solid black;
}

JavaScript

var myElement= document.createElement('div');
myElement.style.height = '0px';
myElement.style.padding = '0px';
myElement.style.height = '0';
myElement.style.webkitTransition = '2s';
// Append the element to DOM
document.getElementById("a").appendChild(myElement);
// Alter the height after forcing a reflow
myElement.offsetWidth=myElement.offsetWidth;
myElement.style.height = '200px';