jQuery - вызов и анимация ajax

Question

Я пытаюсь задействовать некоторые эффекты на div после вызова ajax. Это мой jQuery для ajax, ajax работает очень хорошо, но ни один из эффектов, которые я пытаюсь привести сюда из сценария. Как это сделать? Я хочу, чтобы новые данные отображались в div с эффектом slideDown.

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; 
}); 

}