如何使用Jquery单击它来隐藏iframe

时间:2011-01-29 08:34:27

标签: jquery iframe hide

如何使用jquery隐藏iframe。当用户点击iframe(包含谷歌ADD的示例iframe)时,它应隐藏而不会干扰iframe代码。我怎样才能通过Jquery实现这一目标。

谢谢

1 个答案:

答案 0 :(得分:1)

我会在iframe外面(在您的页面上)有一个id为“toggle”的链接:

<a href="javascript:void(0);" id="toggle">-<span style="display:none">+</span></a>

以下是使用jquery隐藏广告的方式:

<script type="text/javascript">
    $(function(){
     var toggler=$("#toggle");
     toggler.click(function(){
      $("iframe").slideToggle('slow', function(){
         // or specify a specific iframe using $("#iframe_id")
        $("#toggle span").toggle();
      });
     });
    }); 
</script>