Dokonywanie mojego ajax updated div fade w

Question

Mam ten kod, który wykonuje połączenie ajax i ładuje wyniki do dwóch duplikatów div za każdym razem, gdy lista rozwijana jest zmieniona. Chcę, aby wyniki zostały wyblakłe w div, aby dać bardziej oczywiste wskazanie, że coś się zmieniło, ponieważ jest tak płynne, że czasami trudno zauważyć zmianę!

print("$('.ajaxdropdown').change(function(){ 


     $.ajax({ 
      type: "GET", 
      url: "/includes/html/gsm-tariff.php", 
      data: "c_name="+escape($(this).val()), 
      success: function(html){ 
       $("#charges-gsm").html(html); 
            //i want to fade result into these 2 divs... 
       $("#charges-gsm-faq").html(html); 
       $("#charges-gsm-prices").html(html); 
      } 
     }); 
    });"); 

Próbowałem dołączenie metody fadein i kilka innych rzeczy, ale bez radości.

Answer 1

Będziesz musiał hide() go przed użyciem fadeIn().

UPDATE: Oto jak chcesz to zrobić przez łańcuchowym:

$("#charges-gsm-faq").hide().html(html).fadeIn(); 
$("#charges-gsm-prices").hide().html(html).fadeIn(); 

Answer 2

Można również pozostawić widoczny i po prostu sprawiają, że przejrzyste, a następnie znikną go do pełnej nieprzejrzystości, używając:

... .css({ opacity: 0 }).fadeTo("normal",1); 

Answer 3

JQuery.ui ma wiele różnych rzeczy, które można wykonać za pomocą efektów. Można je znaleźć tutaj: http://docs.jquery.com/Effects

Answer 4

Musisz ukryć() go, zanim będzie można użyć fadeIn()

Przede pracował dla mnie

Answer 5

Działa z obciążeniem():

$('.element').load('file.html').hide().fadeIn();