Jquery在鼠标悬停上停止动画

Question

从http://briancray.com/2009/05/06/twitter-style-alert-jquery-cs-php/中取出一些JQuery，应该给出一个很好的旧twitter风格的通知。

如何编辑下面的代码来阻止div隐藏在鼠标悬停上？

更新：我仍然希望div在mouseover完成后滑动。

$(function() { 
    var $alert = $('#alert'); 
    if($alert.length) { 
     var alerttimer = window.setTimeout(function() { 
      $alert.trigger('click'); 
     }, 5000);  
     $alert.animate({height: $alert.css('line-height') || '50px'}, 200).click(function() { 
      window.clearTimeout(alerttimer); 
      $alert.animate({height: '0'}, 200); 
     }); 
    } 
}); 

Answer 1

如果我理解正确（这我可能没有），你想是这样的：

var alerttimer, alertBox = $('#alert'); 
function resetTimeout() { 
     if (alerttimer) { 
       clearTimeout(alerttimer); 
     } 
     alerttimer = setTimeout(function() { 
       alertBox.trigger('click'); 
     }, 5000); 
} 
$(function() { 
     if(alertBox.length) { 
       resetTimeout(); 
       alertBox.animate({ height: alertBox.css('line-height') || '50px' }, 200).click(function() { 
         window.clearTimeout(alerttimer); 
         alertBox.animate({ height: '0px' }, 200); 
       }).mouseover(function() { 
         clearTimeout(alerttimer); 
       }).mouseout(function() { 
         resetTimeout(); 
       }); 
     } 
}); 

需要注意的是上面是非常未经测试是非常重要的。