JSFiddle - React, Tailwind, and code Playground

by jimkennelly

HTML

<a class="tiptext">A link
  <iframe class="description" src="http://www.example.com"></iframe>
</a>

CSS

.tiptext {
    color:#069; 
    cursor:pointer;
}
.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();
});