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(); 
       }); 
     } 
}); 

需要注意的是上面是非常未經測試是非常重要的。