JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://onehackoranother.com/projects/jquery/tipsy/javascripts/jquery.tipsy.js"></script>
<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css">

<a id="mylink" href="#" >test</a>

JavaScript

$('#mylink').attr('title','Input here:<input id="toolbar">');
$('#mylink').tipsy({trigger:'manual',gravity:'w', html:true});

var timer;

$('.tipsy').live('mouseover',function(e){
   clearTimeout(timer);
});

$('.tipsy').live('mouseout',function(e){
    timer = setTimeout("$('#mylink').tipsy('hide');",3000);//hide the link in 3 seconds
});

$('#mylink').bind('mouseover',function(e){
     $(this).tipsy('show');
 });