如果光标位于打开的元素内，则保持元素处于打开状态

Question

我试图在光标移动到元素时保持切换的元素可见。

我的代码是现在：

<div class="infobox"> 
    <i class="icon-info-sign"></i> 
    <div class="infobox_content" style="display: none;"> 
     Content 
    </div> 
</div> 

有了这个JavaScript/jQuery的

$("div.infobox i.icon-info-sign").hover(
    function() { 
     $(this).parent().find(".infobox_content").stop(true).show("slow"); 
    }, 
    function (e) { 
     $(this).parent().find(".infobox_content").stop(true).hide("slow"); 
    } 
); 

我如何检测出光标已移动到.infobox_content？如果是这样，我需要让元素保持打开状态，并且只能在.infobox_content之外再次隐藏元素。

Answer 1

将悬停更改为infobox而不是其中的图标应该简化UI。

$("div.infobox").hover(
    function() { 
     $(this).find(".infobox_content").stop(true).show("slow"); 
    }, 
    function (e) { 
     $(this).find(".infobox_content").stop(true).hide("slow"); 
    } 
); 

如果你有infobox内更多的元素比显示，这是不会因为这些其它元素的工作，包在内部的div的图标和内容，所以他们都有一个共同的父，并绑定悬停那个共同的家长