jquery - ジャンプする代わりにjquery ajaxの結果をアニメーション化する方法

Question

クリックすると下にスライドしてスピナーが表示され、その後 ajax 呼び出しが発生し、結果がスピナーを置き換えて完了したことを示すバーがあります。

私が抱えている問題は、データがスピナーよりも高いため、下にスライドしてスピナーを表示しますが、下にジャンプして ajax の結果を表示することです。

ajaxをアニメーション化するにはどうすればよいですか?

if(clicked_elem_lev == anslev){
    // Kick off ajax request for level information
    $.ajax({
        url:  base_url + "ajax/return_level_info/" + ccode + "/" + clicked_rec_id,
        cache: false
        }).done(function( html ) {
        $("#childof_" + anslevel + "_" + clicked_rec_id).replaceWith(html);
    });
}

他のコードはすべて動的であるため、表示するのが難しい場合はスライド JS を参照してください。

$('#' + targ_elem_id).slideDown(slidetime);