如何立即執行功能？

Question

我有10個功能：

$("#one").mouseenter(function(){ 
$('#two,#three,#four,#five').fadeTo(700,0.2); 
}); 
$("#one").mouseleave(function(){ 
$('#two,#three,#four,#five').fadeTo(700,1); 
}); 


$("#two").mouseenter(function(){ 
$('#one,#three,#four,#five').fadeTo(700,0.2); 
}); 
$("#two").mouseleave(function(){ 
$('#one,#three,#four,#five').fadeTo(700,1); 
}); 

等等

如何讓我馬上每個功能的行爲？目前他們在開始下一個功能之前等待功能完成。如果您在完成功能（例如）之前從第一個元素跳轉到第二個元素，會導致chaos。

Answer 1

$("#one").stop().fadeTo() 

Documentation for .stop，它暫停任何當前動畫。

我也可能會建議您使用類：

$(".thing").mouseenter(function() { 
    $(".thing").not(this).stop().fadeTo(700, 0.2); 
});