JSFiddle - React, Tailwind, and code Playground

HTML

<div id="SearchDiv">
            Hello there...
</div>


 <button type="button" onClick="changeHeight();">Click Me!</button>

CSS

#SearchDiv{
 background-color:red;   
 width:1000px;
 height:20px;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
}

JavaScript

function changeHeight() {
document.getElementById('SearchDiv').style.height = "200px";
}