JSFiddle - React, Tailwind, and code Playground

HTML

<a id="show_div" href="#">Link text show</a>
    <div id="content" style="visibility:hidden;">
        content goes here<br><br>
         <a id="show_div1" href="#">Link text hide</a>
    </div>

JavaScript

$("#show_div").mouseover(function() {
    $("#content").css('visibility', 'visible');
});
$("#show_div").mouseout(function() {
    $("#content").css('visibility', 'visible');
});

$("#show_div1").mouseover(function() {
    $("#content").css('visibility', 'hidden');
});
$("#show_div1").mouseout(function() {
    $("#content").css('visibility', 'hidden');
});