jquery - ビュー間のフェード トランジションのアニメーションが途切れる、または実行されない

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' });
        });
    });

アニメーションがよりスムーズで信頼できるものになるように、これを行うためのより良い方法はありますか?