添加功能到其他兄弟divs，但不是在一定時間後humble div

Question

我有3個div，我怎樣才能讓它當我懸停一個div，說3秒後其他2 divs得到fadeTo但不是我徘徊的那個？

謝謝！

Answer 1

懸停內/輸入功能：$（本）.siblings（）淡出（）

例如：

$('.the-divs').mouseenter(function() { 
    $(this).siblings().fadeOut(); // or whatever animation, eventually with delay() 
}); 

Answer 2

你需要定位的div，這樣當別人淡出剩下的div不動，在我的例子中，我將div設置爲絕對定位。

example

var $threeDivs = $('#container > div'); 

$threeDivs.hover(function() { // mouseover 
    $(this).siblings().stop(true, true).fadeOut(); 
}, function() { // mouseout 
    $(this).siblings().stop(true, true).fadeIn(); 
});