3

我有一个包含 2 个 iframe 的网页，1 个位于另一个下方。当用户第一次点击网页时，我希望隐藏两个 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 回答