jquery masonry animating items

Question

Я реализовал jquery masonry и немного сыграл с ним.

Вот моя работа: http://jsfiddle.net/jackoverflow/JDAmS/

Как вы можете увидеть, нажав на кнопку «развернуть» будет живой элемент, имеющий ширину «300px» и падает обратно в это нормальная ширина на «коллапсу» нажмите кнопку.

Все работает нормально ОК, если нажать «первый элемент», который разрушает все элементы.

может кто-нибудь помочь мне, пожалуйста?

Любая помощь очень ценится!

Answer 1

От the Masonry docs - Help - First item breaks grid:

Если вы столкнулись с проблемой, когда вы повторно размер первый элемент, а все остальные предметы больше не подходят друг к другу в сетке, вы, скорее всего, нужно установить ColumnWidth вариант. Без установки ширины столбца масонство будет использовать ширину первого элемента для размера его столбцов.

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