同位体ベースの設計があります。itemSelector はクリック可能で、内部の隠し要素をトグル (スライドダウン) する必要があります。次に、同位体コンテナは完全に再レイアウトするのではなく、要素が存在する列にスリップダウンするだけです。
私の願いをよりよく説明するために、2 つの画像を作成しました。
ここではすべての要素が閉じています 画像 1
ここでは要素 6 が開いており、2 番目の列のみが高くなる必要があります。 ここにリンクの説明を入力してください
ここに、これまでに使用したコードがいくつかあります。そのコードはこれまでのところ機能しますが、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');
}
});
誰かが私にヒントを与えることができれば、私はとても感謝しています. ローマさんありがとう