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(event) {
    $('p')[event.type == 'mouseenter' ? 'show' : 'hide'](100);
});