隐藏div的高度不随着砌体内容而扩展

我有一个脚本切换div的可见性，div内部是加载了砌体插件的内容。 我遇到的问题是砌体div（因此两个包装div）在砌体内容加载时不会在高度上扩展 – 它将砌体项目拼凑在一起。

这是我的代码：

      #step_wrapper{ width:960px; margin:0px auto; /*float:left;*/ } .step_num{ float:left; width:50px; background-color:#0099ff; } .step{ float:left; width:910px; background-color:#ff0000; padding-bottom:20px; margin-bottom:20px; } .step h2{ padding:0px; margin:0px; } .media{ background-color:#59A20E; width:100%; text-align:center; cursor:hand; float:left; } #content-step-1{ } .content{ float:left; min-width:785px; margin-left:40px; background-color:#0066ff; padding-left:15px; display:none; } .item { width: 165px; float: left; padding:5px; background-color:#FF0; margin-top:10px; }   $(function(){  var $container = $('#content-step-1'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector : '.item', columnWidth : 165 }); }); $($container).masonry({ // options itemSelector : '.item', columnWidth : 165, gutterWidth : 35 });   $("#step-1").click(function () { $("#content-step-1").toggle("fast"); });  });    
 
1)
 
 
STEP ONE SON
 
Description here bro
 
expand
 
 
asjdlajskdla
 
 
baksdkjasdasdsdadasdasda
 
asjdlajskdla
 
baksdkjjsdksd
 
baksdkjasdasdsdadasdasda
 
asjdlajskdla
 
baksdkjjsdksd
 
 
 
   

任何帮助将不胜感激，谢谢！

Answer 1

我前几天遇到过smiler问题。 你需要做什么，当你点击打开隐藏的div而不是你必须reload砌体视图。 通过使用下面。

 $("#step-1").click(function () { $("#content-step-1").toggle("fast"); $container.masonry('reload'); });