Isotape отзывчивая компоновка с переключателями и неизвестными высотами

Question

Я пытаюсь создать масоновский макет с использованием изотопа. Макет должен быть гибкой сеткой с гибкими столбцами. Однако каждый элемент сетки имеет скрытый текстовый элемент, который открывается при щелчке изображения. Этот текст будет поступать из wordpress и, следовательно, как неизвестная длина. Я пытаюсь использовать

.isotope("reLayout"); 

Функция сброса макета, когда элемент переключен, однако он не работает. Если вы измените размер браузера, когда текст будет виден, вы увидите, что изотопный макет возвращается назад и дает желаемый эффект.

Я создал код, чтобы проиллюстрировать мою проблему. Любая помощь будет оценена

http://codepen.io/GlynnJohnson/pen/bLBCJ

Благодарности

Answer 1

Вы должны использовать верхний:

$container.isotope("layout"); 

Не

$container.isotope("reLayout"); 

Codepen