JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tiptext">Text
<div class="description"> Here is the big fat description box</div>
</div>

CSS

.tiptext {
    background:#ccc;
    border: 1px #333 solid;
    padding:5px;
    width:100px;
}
.description {
    display:none;
    position:absolute;
    border:1px solid #000;
    width:400px;
    height:400px;
}

JavaScript

$(".tiptext").mouseover(function() {
    $(this).children(".description").show();
}).mouseout(function() {
    $(this).children(".description").hide();
});