jQuery iframe隐藏/显示

Question

我正在编写一个网站，现在卡在jQuery部分，这不是我最强的事情。 该网站包含一个顶级菜单导航栏：

<a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a>
<a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a>
<a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a>
<a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a>
<a href="links.html" target="iframe"><img class="tab6" src="#.png"></a>
<a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a>
</div>

在页面中间有一个iframe，它会在导航点击中加载新的html。 加载索引页面时，导航点击前不应看到iframe。 所以我得到了：iframe {display：none;}在css。

所以，我需要jQuery编码的帮助来显示导航点击的iframe。 还有效使iframe再次隐藏。

一切顺利。

Answer 1

假设<iframe>的{​​{1}}为id，您可以执行以下操作：

显示contentIframe：

<iframe>

隐藏$("#contentIframe").show(); ：

<iframe>

Answer 2

我认为如果你尝试使用div并使用.load（）方法，它会比使用iframe更好

$("a").click(function(){
$("#mydiv").load($(this).attr("href"));
});

Answer 3

jQuery toggle method会有所帮助。