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

Добре я кодую сайт, і зараз застряг у частині jQuery, яка єдина моя сильна річ. На сайті є навігаційне меню верхнього меню:

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

І в середині сторінки - iframe, який завантажує новий html на натиснутому не клацати. Коли сторінка індексу завантажується, iframe не слід бачити, перш ніж натиснути натискання. Так що я отримав: iframe {display: none;} в css.

Отже, мені потрібна допомога з кодуванням jQuery, щоб показати iframe на натисканні навігації. Також з ефектом, щоб зробити iframe знову сховати.

Все найкраще.

Відповіді:

Припускаючи, що <iframe> має id від contentIframe ви можете зробити наступне:

Покажіть <iframe>:

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

Сховати <iframe>:

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

Я думаю, що якщо ви спробуєте використовувати div і використовуватимете метод .load (), це буде краще, ніж використання iframe

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

The Перемикач jQuery методом буде корисним.