使用按鈕隱藏/顯示iframe

我有一個帶有2個iframe的網頁，其中1個位於下方。當用戶第一次點擊網頁時，我希望隱藏兩個iframe。將會有2個按鈕，每個iframe上方有1個按鈕，用戶必須點擊按鈕才能顯示iframe。我也想要它，所以如果iframebutton1被按下，iframe2將被隱藏（如果它正在顯示），反之亦然。使用按鈕隱藏/顯示iframe

這裏是我的代碼：

jsfiddle.net/darego/Z62P7/

來源

2013-01-01 Craig

http://whathaveyoutried.com/ – sbaaaang

我不知道的JavaScript作爲尚未想法。只有HTML和CSS，所以我甚至不知道從哪裏開始 – Craig

使用Google搜索，你會發現很多關於在javascript中顯示/隱藏的教程，請給我看看;） – sbaaaang

這裏是我會建議使用的代碼：

function hideToggle(button, elem) { 

$(button).toggle(function() { 

    $(elem).hide(); 

},function() { 

    $(elem).show(); 

}); 

} 

hideToggle(".button1", ".iframe1"); 
hideToggle(".button2", ".iframe2");

這裏是更新工作小提琴：http://jsfiddle.net/Z62P7/1/

這只是使用一個簡單的隱藏/顯示功能，所以你可以重複使用它。

來源

2013-01-01 20:28:24 Sethen

我該如何將jQuery與我的按鈕伴侶鏈接？ – Craig

'.element'是你的按鈕。 – Sethen

'.toggle（）'也可以用來根據當前狀態顯示/隱藏。無論如何，jQuery沒有被問到這個問題。 – pimvdb

要顯示或隱藏的I幀：

document.getElementById("yourIFrameid").style.display = "none"; //shows the frame 
document.getElementById("yourIFrameid").style.display = "block"; //hides the frame

來源

2013-01-01 20:34:15 HMarioD

使用按鈕隱藏/顯示iframe

回答

相關問題