JSFiddle - React, Tailwind, and code Playground

HTML

<div>text</div>
<p></p>

CSS

p {
    background: red;
    display: none;
    width: 100px;
    height: 100px;
}

JavaScript

$('div').hover(function() {
    var p = $('p');
    p.animate({height: 'toggle'}, 100, false, function() {
        p.stop();
    });
});