JSFiddle - React, Tailwind, and code Playground
HTML
<div class="link-hldr">
<a href="" class="tooltip">Tooltip</a>
</div>
<div id="tooltip">Tooltip</div>
CSS
#tooltip{ display: none;}
JavaScript
$('.link-hldr').on('mouseover', '.tooltip' , function () {
$('#tooltip').show();
});
$('.link-hldr').on('mouseout', '.tooltip' , function () {
$('#tooltip').hide();
});