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> 

，並在頁面，它加載在導航點擊新的HTML中間的iframe中。 加載索引頁時，在導航點擊之前不應該看到iframe。 所以我得到了：iframe {display：none;} in css。

所以，我需要幫助與jQuery編碼顯示導航點擊iframe。 此外還有一個使iframe再次隱藏的效果。

一切順利。

Answer 1

假設有contentIframe的id你可以做到以下幾點：

顯示：

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

隱藏：

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

Answer 2

的jQuery toggle method將是有益的。

Answer 3

我想，如果你嘗試使用DIV和使用.load（）方法，它會比使用一個iframe

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