视图之间的动画淡入淡出过程波动或不运行

Question

我有一个带有几个视图的原型/演示ASP.MVC 3应用程序。当用户在它们之间导航时，设计者想要淡化当前内容，然后淡化新内容。使用jQuery打开/关闭div似乎很简单，但内容常常会闪烁，口吃或者根本不会消失。 （淡出似乎工作得很好。）

每个视图处理其淡出，例如：

        $("tr").mousedown(function () {
            $("#innercontainer").fadeOut(250, function () {
                window.location.href = '@Url.Action("Application360", "Tofino")?an=' + appName;
            });
        }
    });

布局（_AppLayout.cshtml）处理淡入淡出，例如：

        $(document).ready(function () {
        $("#innercontainer").animate({ opacity: '0' }, 0, function () {
            $("#innercontainer").delay(400).animate({ opacity: '1' }, { duration: 'fast', easing: 'swing' });
        });
    });

有更好的方法可以让动画变得更流畅，更可靠吗？