在隐藏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

给所述元件的大小，并设置它的不透明度为零所以内容是不可见的

#social {opacity: 0; height: 25px; width: 100%; position: relative;} 

在内容然后动画

$('#social').animate({opacity : 1}, 1000); 

FIDDLE

Answer 2

设置，其中内容被加载到匹配加载的内容的高度的容器的min-height。