Jquery----停止动画stop

$(".button").hover(function(){
$("#panel").animate({height:"150" }, 1000)
.animate({width:"300" },1000)
.hide(2000)
.animate({height:"show", width:"show", opacity:"show" }, 1000)
.animate({height:"500"},1000);
});

$(".button1").hover(function(){
$("#panel").stop();//停止当前动画，继续下一个动画
});

$(".button2").hover(function(){
$("#panel").stop(true);//清除元素的所有动画
});

$(".button3").hover(function(){
$("#panel").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
});

$(".button4").hover(function(){
$("#panel").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
});