求助一个jquery事件问题，困扰很久。。

假设有个div，id为a1

当鼠标移进入a1上时，a1显示 效果1，鼠标移出a1时，去除效果1。即如下：

$('#a1').hover(
function(){   慢慢显示效果1  },
function(){   取消效果1  }
);

但现在的问题是，因为效果1设计的显示很慢，所以当鼠标离开a1的时候，并不能快速去除效果1，因为效果1还没显示完。

有什么办法可以办到：当鼠标 离开a1时，对于之前鼠标进入a1时所进行的还没完成的效果1 立即停止并消除呢？

jQuery有个stop方法用于立即停止当前动画，语法：

stop([clearQueue], [gotoEnd])

将gotoEnd设置为True，将立即结束完成正在运行的动画