Jquery 使我的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方法和其他一些东西，但没有乐趣。

在使用

fadein（）之前，您必须
hide（）
它

更新：以下是通过链接实现的方法：

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

您也可以使其可见，只需使其透明，然后使用以下方法将其淡入完全不透明度：

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

JQuery.ui有许多不同的功能，您可以使用这些功能来完成。您可以在这里找到它们：
在使用fadeIn（）之前，您必须先隐藏（）它

上面为我工作了
它与load（）一起工作：

那么，有没有一种比使用链接或其他方式更简单的方法呢$（“#收费gsm常见问题解答，#收费gsm价格”）.hide（）$（“#收费gsm常见问题解答，#收费gsm价格”）.html（html）$（“#收费gsm常见问题解答，#收费gsm价格”）.fadein（慢速）；
$('.element').load('file.html').hide().fadeIn();