JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<a href="#">hover me</a>
<div></div>

CSS

div {
    width:100px;
    height:100px;
    background: #564856;
    display:none;
}
div.active {
    display:block;
}

JavaScript

$('a').hover(function(){
    setTimeout(function(){
        $('div').addClass('active');
    },500);
},function(){
    $('div').removeClass('active');
});