JSFiddle - React, Tailwind, and code Playground

by Randy Ray

HTML

<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/cupertino/jquery-ui.css">
<div>
    <p>First para, <a target="_blank" title="First link" id="linkid1" href="https://github.com">first link.</a></p>
    <p>Second para, <a target="_blank" title="Second link" id="linkid2" href="http://www.google.com">second link.</a></p>
</div>

JavaScript

$(document).ready(function() {
    var content = '<div><p>Some tooltip text</p></div>';

    $('#linkid1').tooltip({
        content: content,
        items: '#linkid1',
        track: true
    });
    $('#linkid2').tooltip({
        track: true
    });
});