Показать/скрыть iframe

Я использую WordPress для своего веб-сайта и пытаюсь настроить свои страницы так, чтобы пользователь должен был нажать кнопку для просмотра содержимого. Да, очень просто с отображением/скрытием и т. д., но кнопка, которую я хочу, чтобы пользователь нажимал, это http://www.facebook.com/plugins/like.php

Чтобы отобразить это на моей странице, мне нужно использовать iframe, где это становится сложно. Я настроил код показа/скрытия, чтобы когда пользователь нажимал кнопку «Нравится» (или в любом месте iframe), он отображал содержимое. Но не тут-то было!

это мой код

<div id="imagebox" style="display:none;"><?php $image = wp_get_attachment_image_src(get_field('image'), 'full'); ?>
                                <img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('image')) ?>" /> </div>

    <div onclick="ShowDiv()"><iframe src="http://www.facebook.com/plugins/like.php?  href=http://www.facebook.com/BrandBang&amp;" allowTransparency="true">
            </iframe></div>

    <script language="javascript">
    function ShowDiv()
    {
    document.getElementById("imagebox").style.display = '';
    }
    </script>

Я знаю, что трудно использовать iframe для того, что я пытаюсь сделать, но я полный новичок, когда дело доходит до этого. Любая помощь будет здорово!