JSFiddle - React, Tailwind, and code Playground

HTML

<a class="abc">ABC</a>
<div id="def" style="display: none;">TEST</div>

JavaScript

$('.abc')
    .on("mouseenter", function () {
        $("#def").show();            
    })
    .on("mouseleave", function () {
        $("#def").hide();
    });