JSFiddle - React, Tailwind, and code Playground

by Radioactive

HTML

<div class="uiContextualDialogPositioner" id="umhtui_1" style="display: none;">
<div class="uiContextualDialog uiOverlayArrowBottom uiOverlayWithFooterArrowBottom">
<div class="uiOverlayContent">
<div class="uiContextualDialogContent">
<div class="HovercardStage">
222222222222
</div>
</div>
21212
</div>
<i class="uiOverlayArrow" style="left: 0%; margin-left: 15px;"></i>
</div>
</div>

JavaScript

$(document).ready(function(){
  $('.link').hover(function(){
   var id = $(this).attr('id');
   var offset = $('#'+id).offset();
   $('#umhtui_1').show();
   $('#umhtui_1').css({top: offset.top - 159 , left: offset.left});
  });
  $('body').hover(function(){
   $('#umhtui_1').hide();
  });
 });