使用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>

内容是iframe的ID。