jQuery fadeIn Эффект анимации при загрузке Ajax?

Question

У меня есть простая форма поиска с функцией поиска предложений Ajax. Все работает правильно, просто пытается добавить анимационный эффект fadeIn. Сейчас данные внушение только быстро всунуть.

// my ajax 
$.ajax({ ... success: searchSuccess, ... }); 

// show data 
function searchSuccess(data) { 
    $('#my-results').fadeIn(1000, function() { 
     $(this).html(data); 
    }); 
} 

Answer 1

Попробуйте hide элемент первого, установить данные и сделать fadeIn тогда,

$('#my-results').hide().html(data).fadeIn(1000);