隱藏一個div，當鼠標移開兩個div，但如果你是懸停一種或另一種

Question

我有兩個DIV有兩個ID：

<div id="somediv"> 
many Content 
</div> 
<div id="result></div> 

我想讓這樣的事情：

$("#somediv").bind("mouseleave",function(){ 
$('#result').fadeOut(); 
}); 
$("#result").bind("mouseleave",function(){ 
$('#result').fadeOut(); 
}); 

但我不希望這個結果消失，如果如果移動我的鼠標 其他股利。 有沒有辦法說：隱藏一個div，當鼠標移出兩個div時，但不是如果你正在懸停一個或另一個 ？ divs不完全疊加在頁面中。 但他們有一個共同的領域。

任何想法？

Answer 1

嘗試：

$("#somediv,#result").mouseenter(function(){ 
    $('#result').stop().fadeOut(); 
}).mouseleave(function(){ 
    $('#result').stop().fadeIn(); 
}); 

你能做的就是包裝都div的另一個DIV如另一件事：

<div id="container"> 
    <div id="somediv"> 
     Many Content 
    </div> 
    <div id="result"></div> 
</div> 

和父設置事件：

$('#container').mouseenter(function(){ 
    $('#result').stop().fadeIn(); 
}).mouseleave(function(){ 
    $('#result').stop().fadeOut(); 
});