jquery - jQuery ajax、beforeSend、スライドしてターゲットをロード

Question

このコードを使用して、ajax でデータをロードしています。リクエストを送信する前にbeforeSend、コンテンツを上にスライドさせます。次に、ajaxの成功で、応答を下にスライドさせたい:

function  ajax_upd(actionTypeUrl,target){
  $.ajax({
    type: "GET",
    url:'rtr.php?data='+actionTypeUrl,
    cache: false,
    dataType:"json",
        beforeSend: function(){
            if(typeof target !== 'undefined'){
                $('#'+target).slideUp('fast');
            }
        },
        success: function(res) {
            if(typeof target !== 'undefined'){
                updateTarget(res,target);
            }
    }
  });
}

function updateTarget(res,target){
    var content = res.content||res;
        $('#'+target).slideDown().html(content);
        var redBar = res.redBar||false;
        if(redBar){
            $('#main-bar-content').html(redBar);
        }
}

私の問題は、slideUp完了時にslideDownアクションを追加し、スライドダウンアニメーションが完了したときにのみajax成功関数をトリガーしたいということです。

それをしてもいいですか？