Question

我有一个包含2个iframe的网页，1个位于另一个之下。我想在用户第一次点击网页时隐藏这两个iframe。将有2个按钮，每个iframe上方1个，用户必须单击按钮才能显示iframe。我也想要它，所以如果按下iframebutton1，那么iframe2将被隐藏（如果它显示），反之亦然。

这是我的代码：

jsfiddle.net/darego/Z62P7 /

Answer 1

以下是我建议使用的代码：

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

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

以下是更新的工作小提琴：Click here

这只是使用简单的隐藏/显示功能，因此您可以反复重复使用它。

Answer 2

显示或隐藏iframe：

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

使用按钮隐藏/显示iframe

2 个答案: