隠されたdivを、iframeの内側から隠した後に表示するには？

Question

私はこのスクリプトを持っている：

<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 div要素がクリックされた場合だけでなく、それはiFrameを非表示になりますことを必要としますそれが入っているdivは、表示されているか、または 'fadeIn'されているdiv、#holderです。

私はautoResizeback()の機能でそれを行うことができますか？どこか他の場所？

Answer 1

あなたはIFRAMEから要素にアクセスするために

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

を使用することができます。