使用按鈕顯示和隱藏iframe

Question

我有一個網頁，其中包含2個iframe，另一個位於其下方。 我希望用戶第一次點擊網頁時都隱藏兩個iframe。 將有2個按鈕，每個iframe上方有1個，用戶必須單擊該按鈕以顯示/隱藏iframe

這是我很累的（jQuery函數），但是當我從表達式網站預覽chrome時似乎無法正常工作

jsfiddle.net/darego/Z62P7/2/

Answer 1

您需要做的就是在document.ready之后調用該函數。

$(document).ready(function() {
    hideToggle(".button1", ".iframe1");
    hideToggle(".button2", ".iframe2");
});

Answer 2

僅將其放在准備就緒的文件中是不夠的。 您可以使功能更容易。

function hideToggle(elem) {
    $(elem).toggle();
}

這意味着：如果該元素是可見的>隱藏它，如果它是隱藏的>顯示它。

但是對於您的初始化（同時隱藏兩個div），我建議您通過CSS進行。

iframe {
     display:none;
}

另外，您需要為按鈕設置點擊處理程序。 如果您需要幫助，請給我寫評論或編輯您的問題。