JSFiddle - React, Tailwind, and code Playground

HTML

<br /><br /><br /><br />
<div id="g25" class="tip">
one
<div class="tooltip">Blub</div>

</div>

CSS

.tooltip {
display:none;
  position:absolute;
  width:200px;
  height:100px;
}

div {
border:1px solid #ff0000;
    width:200px;
}

JavaScript

$(function(){
    $('.tip').live('hover', function(e)
    {
    
        if (e.type == 'mouseover')
        {
          $('#'+this.id+' .tooltip').show(); 
        }
        
        if (e.type == 'mousemove')
        {
            alert('move');
             $('#'+this.id+' .tooltip').css({ left: e.pageX + 20, top: e.pageY + 20});
        }
        
        if (e.type == 'mouseout')
        {
            $('.tooltip').hide();
        }
    
    });
});