JSFiddle - React, Tailwind, and code Playground

by thilakar

HTML

<a href="#" rel="tooltip">Open Tooltip</a>
<div id="tooltip">Tooltip Contenta asdf asdfas adf asd sadf sdfasdfasd</div>

CSS

#tooltip {display:none;}

JavaScript

$(function() {
$('a[rel="tooltip"]').hover(
   function(e){ $('#tooltip').css({ position:'absolute', top:e.pageY, left:e.pageX }).show() },
   function(){ $('#tooltip').hide() }
)
});