jQuery iframe hide / show - jquery, iframe, ausblenden, anzeigen

Nun, ich programmiere eine Website und stecke jetzt beim jQuery-Teil fest, was nicht mein Stärkstes ist. Die Site enthält eine Hauptmenü-Navigationsleiste:

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

Und ein iframe in der Mitte der Seite, der die neue HTML-Datei über den Nav-Klick lädt. Wenn die Indexseite geladen wird, sollte der iframe vor dem Klicken auf das Navi nicht angezeigt werden. Also habe ich: iframe {display: none;} in css.

Also brauche ich Hilfe bei der jQuery-Codierung, um den iframe auf dem Nav-Klick anzuzeigen. Auch mit einem Effekt, um den iframe wieder auszublenden.

Alles Gute.

Antworten:

Angenommen, dass die <iframe> hat ein id von contentIframe Sie könnten Folgendes tun:

Zeige den <iframe>:

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

Verstecke das <iframe>:

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

Ich denke, wenn Sie versuchen, eine div und die .load () -Methode zu verwenden, ist es besser als die Verwendung eines iframe

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

Das jQuery-Umschaltmethode Wäre hilfreich.