title: Load Facebook comment after click on show comments
body: <p>I use Facebook comments plugin in my application. When page is visited, it slows down page load by some.</p>
  
  <p>How can I add a <strong>button</strong> called <em>Show comments</em> and <strong>only</strong> after click on button <code>render</code> Facebook comments plugin.</p>
  
  <p><a href="http://diply.com/dip/article/hollywood-transformations-that-will-leave-you-speechless" rel="nofollow">Here is a example</a></p>
  
  <p>This is what I have so far</p>
  
  <pre><code>&lt;div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"&gt;&lt;/div&gt;
  
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
  
      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.7&amp;appId=&lt;APP_ID&gt;";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  
  
  &lt;/script&gt;
  </code></pre>