Facebook 显示/隐藏Iframe

我正在为我的网站使用wordpress，我正在尝试设置我的页面，以便用户必须单击按钮才能查看内容。是的，显示/隐藏等非常简单，但我希望用户单击的按钮如下

要在我的页面中显示它，我需要使用一个iframe，这是它变得棘手的地方。我已经设置了显示/隐藏代码，这样当用户单击like按钮（或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>

“alt=”“/>
函数ShowDiv（）
{
document.getElementById（“imagebox”）.style.display=''；
}

---

我知道用iframes来做我想做的事情很难，但在这件事上我是一个完全的新手。任何帮助都会很棒！

有没有试过给你的div一个

id=“imagebox”

编辑：

这已经得到了答复。 但是，我一眼就没有意识到您正在iframe中加载的东西不是来自您自己的域，因此您将陷入跨站点脚本事件，这是不允许的

好吧，你必须以某种方式重新设计你的实现。

---

例如，您可以使用curl从facebook检索生成的html，然后在您自己的div中输出。类似的方法应该可以使用。

对不起，我忘记了在我的问题中添加部分代码。但这也不起作用。请给我几分钟时间，让我看看是否可以找到解决方案。谢谢您的回答。非常感谢非常感谢。我知道我必须设法找到一些方法来触发Facebook API而不使用iFrame。因此，如果它有帮助，您介意考虑接受或投票支持我的答案吗？谢谢。