JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mytooltip" title="the message"></div>

JavaScript

$(function() {
	$('#mytooltip').tooltip();
    
    $('#mytooltip').tooltip({
    open: function(e,o){
        $(o.tooltip).mouseover(function(e){
            $('#mytooltip').tooltip('close');
        });
        $(o.tooltip).mouseout(function(e){
        });         
    },
    close: function(e,o) {},
    show: { duration: 800 }
});

	$('#mytooltip').tooltip('open');//.delay(2000).tooltip('close');
    
    
});