Jquery 从AJAX调用设置局部视图的动画

因此，我有以下用于渲染局部视图的代码：

$(".user").click(function () {

        var id = $(this).attr("data-id");
        $.ajax({
            url: "/Home/ShowUser?xid=" + id,
            contentType: 'application/html; charset-utf-8',
            type: 'GET',
            dataType: 'html'
        })
            .success(function (result) {
                $('#showuser').html(result); //<-Add an effect?

            });
    });

$（“.user”）。单击（函数（）{
var id=$（this.attr（“数据id”）；
$.ajax({
url:“/Home/ShowUser？xid=“+id，
contentType:'application/html；charset-utf-8'，
键入：“GET”，
数据类型：“html”
})
.成功（功能（结果）{
$（'#showuser'）.html（结果）；//首先在document.ready事件上向上滑动#showuser div，然后在ajax成功后向下滑动，即：

$(document).ready(function(){

    $('#showuser').slideUp();

    $(".user").click(function () {

            var id = $(this).attr("data-id");
            $.ajax({
                url: "/Home/ShowUser?xid=" + id,
                contentType: 'application/html; charset-utf-8',
                type: 'GET',
                dataType: 'html',
                .success(function (result) {
                    $('#showuser').html(result);           // first setting html
                    $('#showuser').slideDown(500);         // then sliding it down
                });
    });

)};