Question

Well im coding a site, and now stuck at the jQuery part, which aint my strongest thing. The site contains a top-menu nav-bar:

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

And a iframe in the middle of the page, which loads the new html on nav click. When the index page loads, the iframe should not be seen before nav click. So ive got: iframe {display:none;} in css.

So, i need help with jQuery coding to show the iframe on nav click. Also with an effect to make the iframe hide again.

万事如意。万事如意。

Answer 1

假设 lt;iframe> 有 id 的 contentiframe ,你可以做以下工作:

显示 :

$("#contentIframe").show();

隐藏 :

$("#contentIframe").hide();

Answer 2

我认为如果你试图使用 div 并使用.load () 方法, 将比使用 iframe 更好

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

Answer 3

"http://api.jquery.com/togle/"rel="no follow">jQuery toggle方法将会很有帮助。

友情链接