JSFiddle - React, Tailwind, and code Playground

by Jobin Jose

HTML

<div id="hover-me">Hover Me </div>
<div class="show-me">
    show this div
</div>

CSS

.show-me {
   display : none; 
   width:100%;
    background:black;
    color:#fff;
}

JavaScript

$("#hover-me").hover(function(){
   $(".show-me").slideDown(); 
},function(){
     
    $('.show-me:hover').hover(function(){
       
    },function(){
        $(".show-me").slideUp(); 
    }) 
   
}
);