jQuery的：停止功能立即

Question

当鼠标悬停.down，div层滑下
当鼠标悬停.up，div层向上滑动

如果鼠标越过.b，我如何获得股利滑落，而不必等待div层先滑动？基本杀灭以前的功能立即

<a href="#" class="down">Slide Down</a> 
<a href="#" class="up">Slide Up</a> 

<div style="height:400px;width:200px;background-color:#ccc"> 
</div> 


<script> 
$(document).ready(function() { 
    $('.down').mouseover(function() { 
     $('div').slideDown();       
    }); 

    $('.up').mouseover(function() { 
     $('div').slideUp();       
    }); 
}); 
</script> 

Answer 1

添加一个答案，让问题不剩“悬而未决”。

Per @ Pointy，.stop()函数就是你想要的。您可以在致电.slideDown()之前添加它，以便停止元素当前正在运行的动画。

$(document).ready(function() { 
    $('.down').mouseover(function() { 
     $('div').stop(true, true).slideDown();       
    }); 

    $('.up').mouseover(function() { 
     $('div').slideUp();       
    }); 
});