JSFiddle - React, Tailwind, and code Playground

by ChinmayeeG

HTML

<div class="a"><div class="data">test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data test data </div><b><a id="clc" href="#">Click me</a><b/></div>

CSS

.data{
    position:absolute;
    display:none;
    background-color:#fafafa;
    opacity:.8;
    
}

JavaScript

$("#clc").mouseover(function(){   
    $(".data").fadeIn(1000);
}).mouseout(function(){  
    $(".data").fadeOut(1000);
});