JSFiddle - React, Tailwind, and code Playground
HTML
<div id="dv1">Hover here!</div>
<div id="dv2">Some fading text here!</div>
CSS
div {
height: 50px;
padding 10px;
text-align: center;
color: white;
}
#dv1 {background-color: blue;}
#dv2 {
background-color: green;
display: none;
}
JavaScript
$('#dv1').hover(function(){
$('#dv2').fadeToggle('slow');
});