关于jQuery中的事件和动画

在学习jQuery中，碰到一点个人认为比较难理解的知识，在这里拿出来看一下：

$("#panel").hover(function() {
   $(this).stop.animate({ // 如果在此时触发了光标移出的事件
       height: "150"      // 将执行下面的动画
                          // 而非光标移出事件中的动画
    },  200).animate({
       width: "300"
    }, "300") 
}, function() {           // 以下是光标移出事件的动画代码段，将不会被执行
   $(this).stop.animate({
        height: "22"
    }, 200).animate({
        width: "60"
    }, 300) 
})

解决方法：

$("#panel").hover(function(true) {  // 函数第一个参数设置为true
    $(this).stop.animate({
         height: "150"     
                      
    },  200).animate({
         width: "300"
    }, "300") 
}, function(true) {        
    $(this).stop.animate({
        height: "22"
    }, 200).animate({
        width: "60"
     }, 300) 
})