JSFiddle - React, Tailwind, and code Playground

by mikeys4u

HTML

<div id="personal">
    HOVER OVER ME
    
</div>
<div id="personal-dropdown">
    
    HELOO THERE 
</div>

JavaScript

$(document).ready(function(){
                   $("#personal-dropdown").hide();
                  
                  $("#personal").on('mouseenter',function(){
                      $("#personal-dropdown").show();
                  });
                      
                  $("#personal").on('mouseleave',function(){
                      $("#personal-dropdown").hide();
                     });
              });