jquery 同位素切换

Question

我有一个基于同位素的设计。itemSelector 是可点击的，并且应该切换(向下滑动)内部的隐藏元素。那么同位素容器不应该完全重新布局，只能在元素所在的列中滑落。

为了更好地描述我的愿望，我创建了 2 张图像。

此处所有元素均已关闭 Image 1

这里元素 6 是开放的，只有第二列应该更高 enter link description here

这里有一些我迄今为止使用的代码。该代码到目前为止可以工作，但可以完全重新布局整个 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

要向下推列中生长的盒子，您不需要同位素;)

也许this type of functionality可以根据您的需要更改插件。