使用按鈕顯示和隱藏iframe

-1

我有一個帶有2個iframe的網頁，其中一個在下面。當用戶第一次點擊網頁時，我希望隱藏兩個iframe。將會有2個按鈕，每個iframe上面有1個按鈕，用戶必須點擊按鈕來顯示/隱藏iframe使用按鈕顯示和隱藏iframe

這是我累了（jQuery功能），但它不會似乎工作，當我從表情預覽chrome網絡

jsfiddle.net/darego/Z62P7/2/

2013-01-02 Craig

發佈代碼比不這樣做更好，但是您可能需要考慮隔離代碼以僅顯示問題區域，或者至少告訴人們問題的確切位置。 – Joonas

@Joonas那麼jQuery功能似乎並沒有切換顯示/隱藏iframes，所以我認爲我在部分的javascript中做了一些錯誤。感謝回覆 – Craig

所有你需要做的是調用的document.ready後的功能：

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

2013-01-02 07:44:43

非常感謝回覆。我只有今天才開始看javascript/jQuery，所以原諒我，但你能告訴我在HTML中把他們的代碼生活在哪裏？ :)謝謝 – Craig

@Craig只需用上面的代碼替換你正在調用'hideToggle（x，y）'的代碼行。 –

@TanzeelKazi非常感謝你！ – Craig

只要將其放置在文件準備好不會足夠。你可以使你的功能更容易。

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

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

但爲了初始化（隱藏兩個div），我會建議用css來做。

iframe { 
    display:none; 
}

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

2013-01-02 07:54:59 lukasgeiter

回答