JQuery動畫大窗口調整大的延遲

Question

我有2個div浮動到我的主要內容的左側和右側。如果用戶縮小瀏覽器窗口，我想縮小div，所以他們不會覆蓋內容。相反，如果用戶使窗口足夠大，我希望它們再次擴展。

要做到這一點，我已經創建了下面的代碼：

$(window).resize(function() { 
    var windowwidth = $(window).width(); 

    if(windowwidth < 1400){ 
    $('#sliderholder').animate({width:'25px'}); 
    $('#contactholder').animate({width:'25px'}); 
    } 

    if(windowwidth > 1400){ 
    $('#sliderholder').animate({width:'222px'}); 
    $('#contactholder').animate({width:'222px'}); 
    } 

}); 

但是，這並不正常工作 - 動畫看起來隨即發生，或都非常推遲。

有人會知道如何改善？

編輯：做了一些實驗和發現它被延遲，而不是不同步

Answer 1

我加.stop()上面的，它似乎解決它。

$(window).resize(function() { 
    var windowwidth = $(window).width(); 

    if(windowwidth < 1400){ 
    $('#sliderholder').stop().animate({width:'25px'}); 
    $('#contactholder').stop().animate({width:'25px'}); 
    } 

    if(windowwidth > 1400){ 
    $('#sliderholder').stop().animate({width:'222px'}); 
    $('#contactholder').stop().animate({width:'222px'}); 
    } 

});