JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div id="foo"></div>

CSS

#foo { 
    border: 5px red solid; 
    width: 200px;
    height: 200px;
}

JavaScript

$( "#foo" ).hover(function() {
    $( "#foo" ).tooltip({
        items: "*",
        content: "Test - " + new Date().getTime(),
        track: true
    });  
    
    $( "#foo" ).tooltip( "open" );
});