Создание обновленного div ajax div

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

Ответ 1

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

ОБНОВЛЕНИЕ:. Как вы это сделаете, цепочка:

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

Ответ 2

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

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

Ответ 3

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

Над мной работало

Ответ 4

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

Ответ 5

Он работает с load():

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