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