Javascript 带iframe的div，显示none

我有一个页面，其中显示另一个页面的iframe。我希望iframe显示：加载时无，单击后可见。问题是，如果div在加载时可见，我可以让它工作。如果在加载时隐藏，onclick将无法正常工作

<script>
    function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
    </script>


<div style="margin-top:30px;">
        <h2>Menu</h2>
        <p>Dayton, Ohio Menu Coming Soon. It can be viewed currently at <a href="https://www.leafly.com/dispensary-info/pure-ohio-wellness" target="_blank" style="color:green">here</a></p>
            <p><a onClick="myFunction()">Springfield, Ohio Menu</a></p>
            <div>
            <div id="myDIV" style="display: none">
        <div id="leafly-menu">
            </div>
            <div style="text-align:center;">
            </div>
            <script src="https://www.leafly.com/public/global/js/dispensarymanager/embed.js"></script>
<script>var pymParent = pym.Parent('leafly-menu', 'https://www.leafly.com/embed/menu2/pure-ohio-wellness---springfield', {});</script>
        </div>
        <div style="overflow: hidden; margin: 15px auto; max-width: 975px;display: none;">
<iframe scrolling="no" src="https://www.leafly.com/dispensary-info/pure-ohio-wellness---springfield" style="border: 0px none; margin-left: -36px; height: 1012px; margin-top: -486px; width: 1050px;">
</iframe>
</div>
          </div>
        </div>

函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}
菜单
俄亥俄州代顿的菜单马上就要来了。目前可以在

俄亥俄州斯普林菲尔德菜单

var pymParent=pym.Parent（'leafly-menu'，'https://www.leafly.com/embed/menu2/pure-ohio-wellness---springfield', {});

我认为您在这里寻找的功能可以通过visibility:hidden标记来解决，就像我在“display:none”css属性中遇到的一样

由于两者之间的差异，谷歌肯定值得再做一次尝试，但这里的片段似乎很好地总结了这一点

---

希望这有帮助

我认为您在这里寻找的功能可以通过visibility:hidden标记来解决，就像我在“display:none”css属性中遇到的一样

由于两者之间的差异，谷歌肯定值得再做一次尝试，但这里的片段似乎很好地总结了这一点

---

希望这有帮助

您可以使用jQuery的

click（）

功能轻松显示Div中的元素。您需要包含jQuery CDN或jQuery文件来运行jQuery脚本

$（文档）.ready（函数（）{
$（“#showMe”）。单击（函数（）{
$（“#myDIV”）.show（）；
})
});

菜单
俄亥俄州代顿的菜单马上就要来了。目前可以在


var pymParent=pym.Parent（'leafly-menu'，'https://www.leafly.com/embed/menu2/pure-ohio-wellness---springfield', {});
您可以使用jQuery的
click（）
功能轻松显示Div中的元素。您需要包含jQuery CDN或jQuery文件来运行jQuery脚本


$（文档）.ready（函数（）{
$（“#showMe”）。单击（函数（）{
$（“#myDIV”）.show（）；
})
});

菜单
俄亥俄州代顿的菜单马上就要来了。目前可以在


var pymParent=pym.Parent（'leafly-menu'，'https://www.leafly.com/embed/menu2/pure-ohio-wellness---springfield', {});
Russell我为你做了一把小提琴。检查此链接。我想这是你的解决办法。我正在使用jquery。谢谢。你能给这个加上第二个菜单吗？你现在可以用同样的。我需要创建两个不同位置的链接来显示菜单。第二个位置在代顿，请再次检查小提琴，我用两个链接更新了。Russell我为您创建了一个小提琴。检查此链接。我想这是你的解决办法。我正在使用jquery。谢谢。你能给这个加上第二个菜单吗？你现在可以用同样的。我需要创建两个不同位置的链接来显示菜单。第二个位置在代顿，请再次检查小提琴，我用两个链接进行了更新。这并不能解决我的问题，因为我需要一个新位置的菜单，并且具有可见性：隐藏，它仍然保留页面上的空间。如果有人想查看第二个位置的菜单，他们必须向下滚动页面，直到隐藏div完成。这并不能解决我的问题，因为我需要一个新位置的菜单，并且具有可见性：hidden，它仍然保留页面上的空间。如果有人想查看第二个位置的菜单，他们必须向下滚动页面，直到隐藏的div完成。