如何为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);

Answer 1

您可以使用slideDown()方法或animate参考：

http://api.jquery.com/slideDown/

http://www.w3schools.com/jquery/eff_slidedown.asp

http://www.w3schools.com/jquery/jquery_animate.asp

http://api.jquery.com/animate/