JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<div id="div_1">
    Here Hover
</div>
<div id="div_2">
    Here content to show
</div>

CSS

#div_1{
width:150px;
height:70px;
background:#76b22e;
    position:relative;}
 
#div_2{
width:150px;
height:50px;
background:#74786f;
position:absolute;}

JavaScript

$(function() {
  $('#div_2').hide();
  $('#div_1, #div_2').hover(function() {
      $('#div_2').stop(true, true).fadeIn(300);
  }, function(){
      $('#div_2').fadeOut(500);
  });
});