JSFiddle - React, Tailwind, and code Playground

by Curt

HTML

<div class="myClass">
   Class faded in on hover
</div>

CSS

.myClass .myHoverClass{
 background-color:red;
 color:white;
 display:none;
    position:absolute;
    top:0;
    left:0;
}

JavaScript

$(function(){
    $(".myClass").hover(function(){
       var $this = $(this);
        $this.css("position", "relative");
        if ($this.find(".myHoverClass").length==0){
       $this.append("<div class='myHoverClass'>" + $this.html() + "</div>");
        }
       $this.find(".myHoverClass").fadeIn(500);
    }
    , function(){
     var $this = $(this);
     $this.find(".myHoverClass").fadeOut(500);        
    }
     
   );    
});