停止排队来阻止动画多次触发

动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行。

解决方法：

停止排队 stop()

eg:$(function () {

$('.nav>li').hover(function () {

// stop 方法必须写到动画的前面,因为stop结束的是上一次动画，若写到动画后会造成动画停止

$(this).children('ul').stop().slideToggle(200);

});

})

放到动画前

放到动画后