.slideUp（）懸停在別的以外的特定的div

Question

目前，我有這段代碼時：

$(".usericon").hover(function() { 
    if ($(".profile").is(":hidden")) { 
    $(".profile").slideDown('slow'); 
    } 
    }); 

這是目前滑下.profile文件格，而徘徊在.usericon（但只有當它是隱藏的）

我想什麼它做的是，當我將鼠標懸停在.profile文件什麼也沒有發生......但是當我將鼠標懸停比其他.profile文件以外的任何位置，其向上滑動。

我該如何實施？

Answer 1

爲您將需要來自配置文件或usericon冒泡時停止鼠標事件，並徘徊在身體的時候關閉股利。

這裏是一些示例代碼：

$(".usericon").mouseover(function (event) { 
    event.stopPropagation(); 
    if ($(".profile").is(":hidden")) { 
     $(".profile").slideDown('slow'); 
    } 
}); 

$('.profile').mouseover(function (event) { 
    event.stopPropagation(); 
}); 


$('body').mouseover(function() { 
    if ($(".profile").not(":hidden")) { 
     $(".profile").slideUp('slow'); 
    } 
});