在隐藏div加载时保留空白区域

Question

在下面的代码中,div被隐藏,直到它从第三方服务器获得OK,然后通过jquery呈现.目的是创造平滑装载的印象.问题是这个div下面的段落在加载div之后被推下来,这违背了技巧的目的.解决这个问题的最佳方法是什么？

http://jsfiddle.net/Sh7aA/7/

<div id="fb-root"></div>
<p style="text-align:center">Follow us!</p>
<center style="display: none;" id="social">
    <div class="g-plusone" data-size="medium"></div>
    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</center>

<p style="text-align:center">Test paragraph of text<br>
Paragarph continued</p>

Answer 1

设置min-height加载内容的容器的a ,以匹配加载内容的高度.