JSFiddle - React, Tailwind, and code Playground

HTML

<span class='toolTip'></span>
<a href="#" class="targetLink">Hover over me</a>

JavaScript

$(document).ready(function() {

    $('span.toolTip').hide();

    function toolTip(target, tooltip, message) {
        var target = '.' + target;
        $(target).mouseover(function() {
            tooltip = '.' + tooltip;
            $(tooltip).show().html(message);
        });
    }

    toolTip('targetLink', 'toolTip', 'Hello There');

})