JSFiddle - React, Tailwind, and code Playground

by mark edwards

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
first: <span class='marksTooltips' id='first-span-google' data-tooltip='test test test'>google tooltip</span>
&nbsp; &nbsp; &nbsp;	
second: <span class='marksTooltips' id='second-span-yahoo' data-tooltip='<span  class="popupTooltipClass"second:><a href="http://yahoo.com">yahoo</a></span>'>yahoo tooltip</span>

JavaScript

$(document).ready(function(){
	$("span.marksTooltips").jqxTooltip({
	    autoHide: true,
        autoHideDelay: 0,
        //showArrow: false,
        position: 'bottom'  //,
         //left:  -10
	});
});