javascript - ボタンでiframeを表示および非表示にする

Question

2つのiframeがあり、一方が他方の下にあるWebページがあります。ユーザーが最初にWebページをクリックしたときに、両方のiframeを非表示にします。2つのボタンがあります。各iframeの上に1つあり、ユーザーはボタンをクリックしてiframeを表示/非表示にする必要があります。

これが私が疲れたものです（jQuery関数）が、ExpressionWebからChromeでプレビューすると機能しないようです

jsfiddle.net/darego/Z62P7/2/

score 1 · Accepted Answer

あなたがする必要があるのは、document.readyの後に関数を呼び出すことです：

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

score 1 · Accepted Answer

ドキュメントの準備ができているだけでは十分ではありません。関数を非常に簡単にすることができます。

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

つまり、要素が表示されている場合は>非表示にし、非表示の場合は>表示します。

しかし、初期化（両方のdivを非表示にする）には、cssで行うことをお勧めします。

iframe {
     display:none;
}

また、ボタンのクリックハンドラーを設定する必要があります。これについてサポートが必要な場合は、コメントを書くか、質問を編集してください。

2 に答える 2