JQuery动画slidedown/slideup在hover触发时重复执行的问题解决

思路

1.延时触发

2.stop()方法

stop([clearQueue],[jumpToEnd]); clearQueue:如果设置成true，则清空队列，可以立即结束动画。 jumpToEnd:如果设置成true，则完成队列，可以立即完成动画。可选，默认是false

例:

 $(function(){
	$('.article_maintype_list').hover(function () {
		$('.maintype_arrow').hide(function () {
			$('.maintype_body').stop(true,false).slideDown();
		});
	},function () {
		$('.maintype_body').stop(true,false).slideUp(function () {
			$('.maintype_arrow').show();
		});
	})
});

转载于:https://my.oschina.net/u/3486447/blog/1859457