JSFiddle - React, Tailwind, and code Playground

by Mark James

HTML

<div id="a">A</div>
<div id="b">B</div>
<div id="box">Box</div>

JavaScript

var inArr = {a:false,b:false};

$('#a, #b').mouseover(function(){
    inArr [$(this).attr('id')] = true;
});


$('#a, #b').mouseout(function(){
    inArr [$(this).attr('id')] = false;
    
    setTimeout(function(){ if(!inArr.a && !inArr.b) $('#box').fadeOut(800) },100);
});