jquery - jQuery - ajax 呼び出しとアニメーション

Question

ajax 呼び出しの後に div にいくつかの効果をもたらそうとしています。これはajax用の私のjQueryです。ajaxは非常にうまく機能しますが、スクリプトからここに持ち込もうとする効果はありません。どうすれば可能になりますか？新しいデータを、slideDown 効果のある div に表示したい。

function item_submit(){
    $('#item_item_button').click(function() {
        $.ajax({
            type: 'POST',
            url: "/item/create",
            data: $('#create_item').serialize(),
            error: function(){  },
            success: function(data) {
                $("#item_form").hide();
                $('#view_item').html(data);
            },
            complete: function() {
                $('#view_item').slideDown();
            }
        });
        return false;
    });
}

Answer 1

以下のコードで試してください：

function item_submit(){
    $('#item_item_button').click(function() {
        $.ajax({
            type: 'POST',
            url: "/item/create",
            data: $('#create_item').serialize(),
            error: function(){  },
            success: function(data) {
               $('#item_form').before(data);
               $('#view_item').hide().slideDown('slow');

            }

    });
    return false;
});

}