Jquery和Ajax动态加载IFrame

我有一个动态加载网页内iframe的脚本.你可以在这里看到演示： DEMO

我想使用jquery来实现类似的rseult,但是有一个很好的滑动效果,以及在另一个div中加载iframe的外部链接.基本上,我在页面上有10个链接.单击链接时,我希望iframe窗口加载新内容并将效果应用于过渡.有没有人知道为此存在的任何插件？我没有足够的经验从头开始编写脚本,所以任何帮助都将非常感谢！

解决方法

根据评论改变了……

给出一个类似的页面

<input type="button" value="Load Frames" id="submit" name="submit" onclick="loadFrame()" />
<iframe class="frametochange" link="http://www.apple.com" style="display: none" ></iframe>
<iframe class="frametochange" link="http://www.google.com" style="display: none" ></iframe>

尝试类似下面的内容

function loadFrame() {
    var j$= jQuery.noConflict();
    var frames = j$('.frametochange');

    frames.each(function(index) {
        j$(this).slideDown('fast');
        j$(this).attr('src',j$(this).attr('link'));
    });
}