JSFiddle - React, Tailwind, and code Playground

by waqasahmad724

HTML

<a href="#" class="mark"> HOVER ME </a>           <div class="icontent">                 <p>                 lorem ipsum dolor sit amet......                  </p>            </div>

CSS

.icontent { display: none; }

JavaScript

$(".mark").on({
    mouseover: function() {
        $(".icontent").stop().show(1000);
    },
    
    mouseout: function() {
        $(".icontent").stop().hide(1000);
    }
})