JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div>
        <ul>
            <li class='hover'>A</li>
            <li>B</li>
            <li>C</li>
        </ul>
    </div>
    <div class='hover' id='display'>some text</div>
</div>

JavaScript

$(".hover").hover(function () {
    $('#display').stop();
    $('#display').show(200);

}, function () {
     $('#display').stop();
    $('#display').hide(100);
});