jQuery slideDown（）和slideUp（）效果問題

Question

基本上，我使用$.get()函數從網站檢索數據。收到數據時，應該滑動現有內容並下滑新內容。

這裏是我的代碼：

$.get(url, so, function (data) { 
    if (data.length>0) 
    { 
     $("#center_content_box").slideToggle(2000).empty().html(data).slideToggle(2000); 
    } 
}); 

的問題是，如果顯示了新的內容，則效果會發生。當點擊鏈接時，我想要一個類似於http://www.elegantthemes.com/preview/BusinessCard/的效果。內容上拉消失並滑動，然後再次消失。

Answer 1

您可以使用動畫完成處理程序將數據設置爲div。

$.get(url, so, function (data) { 
      if (data.length>0) 
       { 
       $("#center_content_box").slideToggle(2000,function(){ 
        $("#center_content_box").empty().html(data).slideToggle(2000); 
       }); 
} 
}); 

請訪問Example

Answer 2

您可以使用動畫完成處理程序來測試動畫完成

$("#item").slideDown('slow', function(){ 
            $("#item").html("Set content here after effect is done"); 
          }); 

曬的時候。