javascript - jqueryを使用したiframeのフェード効果

Question

クリックしたリンクが iframe 内にフェード効果で読み込まれるメニューを作成していますが、古いコンテンツは消え、新しいコンテンツは読み込み中に点滅します。誰も問題を解決する方法を知っていますか?

JavaScript コード:

 <script type="text/javascript">
            $(document).ready(function() {

               $('#nav a').click(function() {
                    var page = $(this).attr('href');
                    $('#content').fadeOut('slow',function() {
                    $('#content').load(page, function () {
                        $(this).fadeIn('slow');
                });
                });
          });
          });
        </script>

content は iframe の ID です。