Question

我是Jquery的新手（从例子中学习）。我正在尝试创建一些分步教程，然后在最后用iframe显示FAQ。

我的主要问题是页面加载了我的所有iframe（但隐藏了它们），因此加载页面大约需要10-15秒。

我希望能够通过单击按钮/文本来加载每个iframe，不知何故我设法达到了这个目标（因为我的网址是相同的，只有网址的ID更改为：http://my.nanorep.com/widget/widget.html?account=waze&kb=623233&onloadquestionid= ID ）

ID： 3490608 或 3490611

当我点击忘记密码时，它会显示iframe，但是当我再次点击它时它会加倍，我不知道如何隐藏/删除/显示一次。

代码：http://jsfiddle.net/ronvaisman/SKBWA

（它位于网络 - ＆gt; 登录问题

感谢您的帮助，罗恩

Answer 1

显示：

$('frameid').show();

隐藏：

$('frameid').hide();

Answer 2

这是我所做的一个例子，事实证明它非常适合作为这类事物的起点。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Untitled Document</title>
 <script src="jquery.js"></script>
 <style>
 #click{ cursor:pointer;}
 .clickopen{ background-image:url(clickopen.png); background-repeat:no-repeat;}
 .clickclose{ background-image:url(clickclose.png); background-repeat:no-repeat;}
 </style>
 </head>

 <body>
 <div style="width:800px; margin:0 auto;">
 <div id="box" style="width:800px; height:100px; background-color:#000; display:none;">
 </div>
 <div style="width:800px; height:100px;background-color:#CCC;">
 <div id="click" style=" width:213px; height:27px;" class="clickopen">
 </div>
 </div>
 </div>
 <script>

var clickTrue = 0;

//show dialog

$("#click").click(function () {

     $('.clickopen').toggleClass("clickclose");


    $('#box').animate({
    opacity: 0.75,
    height: 'toggle'
    }, 400, function() {
    // Animation complete.
    });
 });

 </script>
 </body>
 </html>

使用iframe显示/隐藏切换 - Jquery

2 个答案: