3

2つのiframeがあり、一方が他方の下にあるWebページがあります。ユーザーが最初にWebページをクリックしたときに、両方のiframeを非表示にします。2つのボタンがあります。各iframeの上に1つあり、ユーザーはボタンをクリックしてiframeを表示する必要があります。また、iframebutton1を押すと、iframe2が非表示になり（表示されている場合）、その逆も同様です。

これが私のコードです：

jsfiddle.net/darego/Z62P7/

4

2 に答える 2

6

これが私が使用することをお勧めするコードです：

function hideToggle(button, elem) {
  $(button).toggle( function () {
    $(elem).hide();
  },function () {
    $(elem).show();
  });
}

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

更新された作業フィドルは次のとおりです。ここをクリックしてください

これは単純な非表示/表示機能を使用するだけなので、何度でも再利用できます。

于 2013-01-01T20:28:24.553 に答える
6

iframeを表示または非表示にするには：

document.getElementById("yourIFrameid").style.display = "none"; //hides the frame
document.getElementById("yourIFrameid").style.display = "block"; //shows the frame
于 2013-01-01T20:34:15.527 に答える