动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。
解决方法:
停止排队 stop()
eg:$(function () {
$('.nav>li').hover(function () {
// stop 方法必须写到动画的前面,因为stop结束的是上一次动画,若写到动画后会造成动画停止
$(this).children('ul').stop().slideToggle(200);
});
})
放到动画前
放到动画后