title: Show/hide Iframe
body: <p>I am using wordpress for my website and I am trying to set up my pages so that a user has to click a button to view the content. Yes, very simple with show/hide etc but the button I Want the user to click is this <a href="http://www.facebook.com/plugins/like.php" rel="nofollow">http://www.facebook.com/plugins/like.php</a></p>
  
  <p>To display that in my page i need to use an iframe which is where it gets tricky. I have set up the show/hide code so that when a user clicks the like button (or anywhere in the iframe) it will display the content. But, no such luck!</p>
  
  <p>This is my code</p>
  
  <pre><code>&lt;div id="imagebox" style="display:none;"&gt;&lt;?php $image = wp_get_attachment_image_src(get_field('image'), 'full'); ?&gt;
                                  &lt;img src="&lt;?php echo $image[0]; ?&gt;" alt="&lt;?php get_the_title(get_field('image')) ?&gt;" /&gt; &lt;/div&gt;
  
      &lt;div onclick="ShowDiv()"&gt;&lt;iframe src="http://www.facebook.com/plugins/like.php?  href=http://www.facebook.com/BrandBang&amp;amp;" allowTransparency="true"&gt;
              &lt;/iframe&gt;&lt;/div&gt;
  
      &lt;script language="javascript"&gt;
      function ShowDiv()
      {
      document.getElementById("imagebox").style.display = '';
      }
      &lt;/script&gt;
  </code></pre>
  
  <p>I know that it is hard to use iframes to do what I am trying to do, but i am a total newbie when it comes to this stuff. Any help would be great!</p>