在指定的div上鼠标拖出并保持原始div打开

我正在尝试用简单的英语做这个：我有一个来自鼠标hover事件的开放div，当我将鼠标从鼠标移出div时，鼠标完全关闭。 我需要的是，当我鼠标输出时，如果我将鼠标输出到具有类x或类y的div，则openDiv将不会关闭，除了类x或类y之外的任何其他div上的任何鼠标都将导致openDiv关闭。

这是我到目前为止所做的，但它不起作用：

$("#openDiv").mouseout(function () { var $c = $(e.target); //div where mouse is if ($c.is('div.x') || ('div.y')) //if div where mouse is has class x or y { $("#openDiv").show(); //show or keep open from the mouseover event } else { $("#openDiv").hide(); //hide openDiv if mouse is anywhere outside openDiv or div with class x or y } }); 

更新：我需要更多帮助来选择一个有效的答案！ jsfiddle.net/bUzPG/8hover在类x，y或z上保持打开，将鼠标hover在x或z上会使openDiv变为粉红色，但hover在openDiv外面也会将其变为粉红色，此时它应变为灰色并隐藏它。 知道如何让它变成灰色并隐藏吗？

Answer 1

 $("#openDiv").mouseout(function (e) { //you forgot to add the event `e` element var $c = $(e.target); if ($c.is('div.x') || $c.is('div.y')) //you forgot $c.is on the second part { $("#openDiv").show(); } else { $("#openDiv").hide(); } }); 

Answer 2

为什么不简单地保持简单的hover逻辑（隐藏在鼠标外），然后在鼠标hover在X或Y div上时重新显示它。

 $('#openDiv').mouseout(function() { $(this).hide(); }); $('div.x').mousein(function() { $('#openDiv').show(); }); 

如果你让你的$（’div.x’）选择器有一个ID或至少一个不是整个DOM的上下文，我打赌隐藏的“闪烁”然后再次显示甚至不明显。