JSFiddle - React, Tailwind, and code Playground

HTML

<p><a id="link" href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>

JavaScript

$(document).ready(function() {
    $("#link").tooltip({ show: {duration: 800} });
    $("#link").trigger('mouseenter');
});

$('html').click(function() {
    $("#link").trigger('mouseleave');
});