如何解决鼠标滑出后，立即停止一切效果

Question

js代码body鼠标触碰#nav-li1后弹出#nav-yc1，并且#nav-li1中的内容颜色发生改变。请问有什么方法可以使鼠标离开时#nav-li1里内容自动还原到之前的颜色，不用我这样又在代码上把本来的颜色再敲一遍吗？还有就是鼠标在上面快速滑动好几次，当鼠标立即滑出后，hover()和slideToggle()依旧在执行，它执行的次数会等于鼠标滑动的次数，有什么办法能让鼠标滑出后立即停止没执行完的效果呢？

Answer 1

finish() 方法停止当前运行的动画，移除所有排队的动画，并为被选元素完成所有动画。

该方法与 .stop(true,true) 方法类似，不同的是，finish() 也会引起所有排队动画的 CSS 属性停止。

语法

$(selector).finish(queueName)

//假装是注释（复制api的）