JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="link">Link</a>
<br />
<div class="linc2">Div</div>


<a href="#" class="link">Link</a>
<br />
<div class="linc2">Div</div>
<a href="#" class="link">Link</a>
<br />
<div class="linc2">Div</div>

CSS

.linc2{
display:none;
width:100px;
height:100px;
background-color:red;
}

JavaScript

var linc2 = $('.linc2'),
    timeoutId;
$('.link').hover(function(){
    clearTimeout(timeoutId);
    linc2.show();
}, function(){
    timeoutId = setTimeout($.proxy(linc2,'hide'), 100000)
});
linc2.mouseenter(function(){
    clearTimeout(timeoutId); 
}).mouseleave(function(){
    linc2.hide();
});