JSFiddle - React, Tailwind, and code Playground

HTML

Top<div class='div'>Content</div>Bottom

CSS

div.div {
   height: 30px;
    width: 300px;
    border: 1px solid black;
}

JavaScript

$('.div').hover(function() {
    $(this).animate({
        height: '300px'
    }, 300);
},function() {
    $(this).animate({
        height: '30px'
    }, 300);
});