用按钮显示和隐藏iframe

Question

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

这就是我累了（jQuery函数）但是当我从表达式网页预览chrome时它似乎无法工作

jsfiddle.net/darego/Z62P7/2 /

Answer 1

您需要做的就是在document.ready：

之后调用该函数

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

Answer 2

将它放在准备好的文档中是不够的。 您可以更轻松地使用您的功能。

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

这意味着：如果元素可见＆gt;隐藏它，如果它被隐藏＆gt;展示它。

但是对于你的初始化（隐藏两个div），我建议你用css来做。

iframe {
     display:none;
}

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