javascript - 使用按钮显示和隐藏 iframe

Question

我有一个包含 2 个 iframe 的网页，1 个位于另一个下方。当用户第一次点击网页时，我希望隐藏两个 iframe。将有 2 个按钮，每个 iframe 上方有 1 个，用户必须单击按钮才能显示/隐藏 iframe

这是我厌倦的（jQuery 函数），但是当我从表达式网络在 chrome 中预览时它似乎不起作用

jsfiddle.net/darego/Z62P7/2/

Answer 1

仅将其放入准备好的文档中是不够的。你可以让你的功能更容易。

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

这意味着：如果元素是可见的 > 隐藏它，如果它是隐藏的 > 显示它。

但是对于您的初始化（隐藏两个 div），我建议您通过 css 进行。

iframe {
     display:none;
}

您还需要为按钮设置点击处理程序。如果您需要这方面的帮助，请给我写评论或编辑您的问题。

Answer 2

您需要做的就是在 document.ready 之后调用该函数：

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