jquery同位素切換

Question

我有一個基於同位素的設計。 itemSelector是可點擊的，應該切換（滑動）一個隱藏的元素。 然後同位素容器shold不完全reLayout，只在元素列中滑落。

爲了更好地描述我的願望，我創建了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可以改變您的需求。