2012-01-07 78 views
1

我有这样的脚本:如何显示隐藏的div,从内部iframe,它也隐藏后?

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#openframe').click(function() { 
      $('#holder').fadeOut(500); 
      $('#framer').fadeIn(500); 
     }); 
    }); 
</script> 

<!-- And the div and the iframe --> 
<div id="holder"> 
    <div id="openframe"><img src="somewhere/img.jpg" /></div> 
</div> 

<iframe id="framer" scr="somedirectory/index.php"></iframe> 

这iFrame中我有此页:

<script type="text/javascript"> 
    function autoResizeback(){ 
     $(parent.document.getElementById(window.name)).toggle(false); 
    } 
    $(parent.document.getElementById(window.name)).toggle(true); 
</script> 

<div onclick="autoResizeback()" style="cursor: pointer;" id="BACK"> 
    <img src="somewhere/img2.jpg" /> 
</div> 

我需要当点击#BACK格时,不仅会隐藏的iFrame它在,它也会'显示'或'淡入'被隐藏的div,#holder

我可以在autoResizeback()函数中做到吗?或者别的地方?

回答

2

您可以使用

$('#holder', parent.window.document).fadeIn(500); 

从IFRAME访问元素。

+0

它的工作原理,谢谢! – Hadrian 2012-01-07 15:59:30