Jquery----停止动画stop

停止动画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);//清除元素的所有动画，让当前动画直接到达末状态
});