使用按钮隐藏/显示iframe

我有一个带有2个iframe的网页，其中1个位于下方。当用户第一次点击网页时，我希望隐藏两个iframe。将会有2个按钮，每个iframe上方有1个按钮，用户必须点击按钮才能显示iframe。我也想要它，所以如果iframebutton1被按下，iframe2将被隐藏（如果它正在显示），反之亦然。使用按钮隐藏/显示iframe

这里是我的代码：

jsfiddle.net/darego/Z62P7/

来源

2013-01-01 Craig

http://whathaveyoutried.com/ – sbaaaang

我不知道的JavaScript作为尚未想法。只有HTML和CSS，所以我甚至不知道从哪里开始 – Craig

使用Google搜索，你会发现很多关于在javascript中显示/隐藏的教程，请给我看看;） – sbaaaang

这里是我会建议使用的代码：

function hideToggle(button, elem) { 

$(button).toggle(function() { 

    $(elem).hide(); 

},function() { 

    $(elem).show(); 

}); 

} 

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

这里是更新工作小提琴：http://jsfiddle.net/Z62P7/1/

这只是使用一个简单的隐藏/显示功能，所以你可以重复使用它。

来源

2013-01-01 20:28:24 Sethen

我该如何将jQuery与我的按钮伴侣链接？ – Craig

'.element'是你的按钮。 – Sethen

'.toggle（）'也可以用来根据当前状态显示/隐藏。无论如何，jQuery没有被问到这个问题。 – pimvdb

要显示或隐藏的I帧：

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

来源

2013-01-01 20:34:15 HMarioD

使用按钮隐藏/显示iframe

回答

相关问题