延迟DIV出场

Question

我正在尝试延迟#chamrs和#TopPlayedInVenueList1 DIVS的出现，因为加载#charms时会带来包含所有数据的#TopPlayedInVenueList1并使整体过渡非常加载数据时会出现滞后现象。因此，我尝试在其上加载#charms，然后在后台加载数据时加载Ajax loading.gif。

这里的代码问题是它仍然将#charms和#TopPlayedInVenueList1加载在一起，并且一旦数据显示，Ajax加载器就不会隐藏。

    $(document).ready(function () {
    $("#charms").show(0).delay(0);
    $("#loading").show(1000).delay(1000);

    do_something();

    function do_something() {
        $("#loading").show();
        $.post("@Url.Action("TopPlayedInVenueList1")", function (data) {
        $("#TopPlayedInVenueContainer1").html();
        $("#loading").hide();
    });
};

}）

任何帮助都会提供很大的帮助，并提前致谢。