jquery砌体动画项目

Question

我已经实现了jquery砌体并且稍微玩了一下。

这是我的工作：http://jsfiddle.net/jackoverflow/JDAmS/

如您所见，单击“展开”将为宽度为“300px”的项目设置动画 并在“折叠”点击时折回到正常宽度。

单击“折叠所有项目的第一项”时，一切正常。

有人能帮帮我吗？

非常感谢任何帮助！

Answer 1

来自the Masonry docs - Help - First item breaks grid：

  

如果遇到重新调整第一个项目大小的问题，并且所有其他项目不再适合网格，则很可能需要设置columnWidth选项。如果没有设置columnWidth，Masonry将使用第一个项目的宽度作为其列的大小。

$('#container').masonry({
  columnWidth: 220
});