jQuery：幻燈片之後的幻燈片跳動 - 高度問題？

Question

這是一個常見問題，概述here和here，但我找不到解決方案。

我有一個容器（#a），我加載外部文件。首先使用slideUp函數隱藏當前內容，然後加載新內容，最後容器以slideDown顯示。然而，動畫是跳動的，因爲當它滑動時，它會計算以前內容的高度。我怎樣才能讓它計算新內容的高度呢？

你可以看到the problem in action here（點擊左欄中的三個第一環節之一），這裏是jQuery的：

$('.kolonne a').click(function() { 

    var url = $(this).attr('rel'); 
     $('#a').slideUp(function() { 
     $(this).load(url); 
    }); 

    $('#a').slideDown(); 

}); 

Answer 1

我的猜測是，你需要做的了slideDown後，才加載內容，試試這樣的回調：

$('.kolonne a').click(function() { 

    var url = $(this).attr('rel'); 
     $('#a').slideUp(function() { 
     $(this).load(url, function() { 
      //done 
      $('#a').slideDown(); 
     }); 
    }); 
});