JQuery Изотоп Toggle

Question

У меня есть дизайн на основе изотопов. Элемент itemSelector можно щелкать, и он должен переключать (скользить вниз) скрытый элемент внутри. Тогда изотоп-Контейнер не будет полностью переставлен, только в столбце, в котором находится Элемент.

Чтобы лучше описать мое желание, я создал 2 изображения.

Здесь все элементы закрыты

Здесь элемент 6 открыт, и только второй столбец должен быть выше, введите ссылку здесь

Здесь у меня есть код, который я использую до сих пор. Этот код работает до сих пор, но перекомпоновал весь Conatiner полностью.

// change size of clicked element

$container.find('.team').live('click', function() {
if ($(this).is('.large')) {
jQuery('.teaminfo', this).fadeToggle(350, "linear");

$(this).toggleClass('large');
$container.isotope('reLayout');

} else {

jQuery('.large > .teaminfo');
$container.find('.large').removeClass('large');

jQuery('.teaminfo', this).fadeToggle(350, "linear");

$(this).toggleClass('large');
$container.isotope('reLayout');

}
});

Если кто-нибудь может дать мне подсказку, я был бы очень благодарен. Спасибо Роман

Answer 1

Чтобы просто толкнуть растущие ящики в столбце, вам не нужен изотоп;)

Может быть, этот тип функциональности плагина может быть изменен в соответствии с вашими потребностями.