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

晒的时候。