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