让我的ajax更新div淡入

Question

我有这个代码执行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方法和其他一些东西,但没有快乐.

Answer 1

hide()在你可以使用之前你必须这样做fadeIn().

更新:这是你如何通过链接来做到这一点:

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