Как показать скрытый 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, в котором он находится, он также «показывает» или «fadeIn» скрытый div, #holder.

Могу ли я сделать это в функции autoResizeback()?или где-то еще?

Answer 1

Вы можете использовать

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

для доступа к элементу из iframe.