如何立即执行功能？

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);
});

等...

如何让每个功能立即行动？目前他们在开始下一个功能之前等待功能完成。如果在函数完成之前从div 1转到div 2，则会导致chaos。（例如）。

Answer 1

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

Documentation for .stop，暂停任何当前动画。

我可能还建议您使用类：

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