fadeto - jquery animate opacity

Haciendo mi ajax actualizado div fade en

Question

Tengo este código que realiza una llamada ajax y carga los resultados en dos divs duplicados cada vez que se cambia un menú desplegable. Quiero que los resultados se desvanezcan en el div, para dar una indicación más obvia de que algo ha cambiado, ya que es tan sencillo que a veces es difícil notar el cambio.

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

He intentado anexar el método fadein y algunas otras cosas, pero no hay alegría.

Answer 1

También puede dejarlo visible y simplemente hacerlo transparente, y luego fundirlo en opacidad completa, usando:

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

Answer 2

Tendrás que hide() antes de que puedas usar fadeIn() .

ACTUALIZAR: Así es como harías esto encadenando:

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

Answer 3

JQuery.ui tiene un montón de cosas diferentes que puedes hacer con los efectos. Puede encontrarlos aquí: http://docs.jquery.com/Effects

Answer 4

Tendrás que ocultarlo () antes de poder usar fadeIn ()

Arriba funcionó para mí

Answer 5

Funciona con load ():

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