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() {
    $('p').animate({
        height: 'toggle',
        opacity: "toggle"
    }, {
        queue: false,
        duration: 500
    });
});