JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css">
<script src="http://www.math.cmu.edu/~gautam/share2/plugins/jQuery.pTooltip/jQuery.pTooltip.js"></script>
<b title='ptooltip-1'>This</b> element shows a tooltip.
So does <b title='ptooltip-2'>this</b> one.

<div id='ptooltip-1'>
    This tool tip will stay open if you hover over it.
</div>
<div id='ptooltip-2'>
    This is another "persistent" tool tip.
    It can have <a href='#'>links</a> that the user can interact with.
    Or some more fancy content.
</div>

JavaScript

$('[title|=ptooltip]').pTooltip();