Question

jquery slideup slidedown问题

看了 jquery 视频教程 关于mouseover mouseout 事件触发 slideup slidedown 做了一个简单的例子。
教程上遗留了一个问题。当鼠标快速滑过多次。停止滑动的时候。div仍然在那么不停的显示隐藏。
我在好的网站上，看到他们的设计很好，无论你滑动多快，当你停止滑动的时候，事件也跟着停止，这个怎么做的呢?
用timeout（,1000） 这样做延迟处理，客户体验很不好，而且仍然不能解决问题。
总结一句话：鼠标滑过，反应快，鼠标停止事件也应该紧接着停止。怎么做。
$(function(){
$("#t").mouseover(function(){
$("#top").slideToggle();
});
})
<div id="t">ttttt</div>
<div id="top" style="border:1px solid red; width:500px;height:100px; "></div>

Answer 1

兄弟，下次执行前先加stop结束动画可以解决，如下：
-----------------------------------------------
$("#t").mouseover(function(){
$("#top").stop(true,true).slideToggle();
});

Answer 2

$("#top").hide() ;
$("#t").hover(function(){
$("#top").slideToggle("slow");
},function(){
$("#top").slideToggle("slow");
});

鼠标停靠在tttt上 下拉停止，，离开的时候收缩.