jQuery slideUp/slideDown問題

Question

製作jQuery滑塊時出現問題，我有一個顯示相應信息的鏈接列表。不同的鏈接有不同的內容，所以有不同的高度。

它的工作原理，但我遇到的問題是，當不同高度的新內容被追加，slideDown（）幻燈片到前一個內容的高度（雖然新的內容在那裏！）然後猛拉回正確的高度？當發生這種情況時，我的「關閉」按鈕不再有效。

$('#timelineDataContainer').slideUp(400,function(){ 
    $('#timelineData').queue(function(){ 
     $(this).html('') 
     .append('Some new content here....') 
     .dequeue(); 
    }); 
    }); 
$('#timelineDataContainer').slideDown(); 

這裏是jFiddle

http://jsfiddle.net/Xu6B4/9/

工作示例任何幫助，將不勝感激！

Answer 1

您正在調用SlideDown（）而不等待SlideUp（）完成。

這應該按預期工作：http://jsfiddle.net/Xu6B4/12/