jQuery slideDown（）およびslideUp（）エフェクトの問題

Question

基本的には、$.get()関数を使用して、Webサイトからデータを取得します。データを受信すると、既存のコンテンツをスライドさせて新しいコンテンツをスライドさせる必要があります。ここで

は私のコードです：

$.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/のような効果が欲しいです。コンテンツのスライドアップが消えてスライダダウンしてから再びフェードします。アニメーションはシャイ

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

完了したときに

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

あなたがテストするために、アニメーションの完了ハンドラを使用することができます。