求助，关于jquery 执行完动画后再执行别的操作？这样子有什么不一样么

Question

mouseleave:function(){
$(this).stop(true).animate({ height: "0px"}, 100);
$(this).animate({ height: "100px"}, 300).toggleClass("bg_blue");
},
我上代码，应该是动画执行完了，再设置蓝背景呀
可是我发现，立马设成bg_blue了然再才是动画效果
为啥没按顺序执行（应该和stop(true)无关）

Answer 1

.animate( properties [, duration ] [, easing ] [, complete ] )$(this).animate({ height: "100px"}, 300,function(){$(this)..toggleClass("bg_blue");})

Answer 2

试试写到延时函数里去