Заставить мой обновленный ajax div исчезать

Question

У меня есть этот код, который выполняет вызов ajax и загружает результаты в два повторяющихся деления каждый раз, когда изменяется раскрывающийся список. Я хочу, чтобы результаты были выгружены в div, чтобы дать более очевидное указание на то, что что-то изменилось, так как это настолько легко, что иногда трудно заметить это изменение!

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

Я пытался добавить метод fadein и некоторые другие вещи, но без радости.

Answer 1

Вам потребуется hide(), прежде чем вы сможете использовать fadeIn().

ОБНОВЛЕНИЕ: Вот как вы могли бы сделать это с помощью цепочки:

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

Answer 2

Вы также можете оставить его видимым и просто сделать его прозрачным, а затем сделать его более прозрачным, используя:

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

Answer 3

Вам придется спрятать (), прежде чем вы сможете использовать fadeIn ()

Выше работали для меня

Answer 4

Работает с load ():

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

Answer 5

JQuery.ui имеет множество разных вещей, которые вы можете делать с эффектами. Вы можете найти их здесь: http://docs.jquery.com/Effects