JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test">
Bla Blub<br/>
Bla Blub<br/>
Bla Blub<br/>
Bla Blub<br/>
Bla Blub<br/>
</div>
CSS
#test {
border: 1px solid grey;
border-top: 10px solid red;
overflow: hidden;
height: 10px;
}
JavaScript
$("#test").hover(
function() {
$(this).animate({
"height": "100px"
}, "fast");
}
);