jquery - 从打开的页面隐藏 iframe

标签 jquery iframe

我试图隐藏一个 iframe,但每次关闭它时,它只会关闭我在其中加载的页面。因此,当我单击打开 iframe 的按钮时,它不会再次打开。这是我的代码:

<a href="#" id="vcasa1">click</a>

<div id="casa001">
<iframe frameborder="5px" width="800px" height="630px" src="http://bienesraices.wall-  fine.mx/casa001.html" name="CV-001" allowtransparency="true" style="background-color:   transparent;" scrolling="no" noresize></iframe>
</div>

我使用这个函数来打开iframe

$( "#vcasa1").click(function(){
      $("#casa001").slideDown(1200);
});

这样可以关闭它

$( "#cerrar001").click(function(){

      $("#CV-001").fadeOut(600);

});

这是“http://bienesraices.wall-fine.mx/casa001.html”页面的代码

<body style="background-color: transparent;">
<div id="CV-001" class="clearfix">
<div style="width:700px; height:400px;">
<div class="black2-35">

    <div style="margin-left:635px; position:absolute;">
    <a href="#" id="cerrar001">Cerrar</a>
    </div>
    <div id="title">
    <h1><strong>asdasdasasdasd</strong><h1 />
    </div>

  <h5><strong>asdasdasdasdasdsad</strong>
casaaaaaaaaaaaaaaaaaaaaaaaaaasdasdaasdadsdasdasdasasdasda
sdasdasdasdasdasdasdaasdasdasdasdasasdadsdasdasdasasdasdas
dasdadasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasda</ h5>
</div>
</div>
</div>

最佳答案

您正在尝试slideDown已打开的 iframe

查看Fiddle在这里。

首先使用slideUp关闭iframe,然后使用slideDown打开它

关于jquery - 从打开的页面隐藏 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12793688/

相关文章:

javascript - 仅当在 iframe 或灯箱中查看网站时才添加某些 CSS 样式

javascript - 如何在使用 jQuery 按下后保持按钮处于事件状态

jquery - 使用 jQuery SVG 插件加载外部 SVG 文档

javascript - 移动设备上的图表加载时间和动画缓慢

security - 内容安全策略:default-src *

javascript - iFrame Resizer 将 iFrame 的高度增加到无穷大

javascript - 设置 iframe innerHTML 而不在其中加载页面(使用 jquery)

javascript - 默认情况下隐藏 iframe

php - onchange select 做不同的mysql查询

jquery - 关闭另一个div后如何调整div区域