jquery Isotope Toggle

时间:2012-07-03 08:59:49

标签: jquery toggle jquery-isotope

我有一个基于同位素的设计。 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');

}
});

如果有人能给我一个提示,我将非常感激。 谢谢 罗马

1 个答案:

答案 0 :(得分:0)

只需按下不需要同位素的列中的生长框;)

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