JQueryの折りたたみ/展開の高さの計算の必要性

Question

私はほぼそこにいると思いますが、私はちょうど隠れた子の高さを計算してdivに適用する必要があります。

おそらく子供の高さに基づいて動的に変化する関数を書く必要があります。

デモで、展開/折りたたみイメージをクリックします。

CLICK EXPAND

var currentHeight = $('.Tile.is-expanded .Tile-flyout').outerHeight(); 

TweenMax.fromTo(".Tile.is-expanded .Tile-flyout", 0.8, { height:0, autoAlpha:0, ease: Linear.easeNone }, { height:currentHeight, autoAlpha:1,}); 
TweenMax.fromTo(".Tile.is-expanded .Tile-flyout > *", 0.8, {height:0, ease: Linear.easeNone }, {height:"auto"}); 

のCLICK COLLAPSE

var currentHeightOpen = $('.Tile .Tile-flyout').outerHeight(); 

    TweenMax.fromTo(".Tile .Tile-flyout", 0.8, { height:currentHeightOpen, autoAlpha:1, ease: Linear.easeNone }, {height:0, autoAlpha:0,}); 
    TweenMax.fromTo(".Tile .Tile-flyout > *", 0.8, { height:"auto", ease: Linear.easeNone }, {height:0,}); 

ここ

DEMO here, you need to fork it

Answer 1

あなたの主なポストに私のコメントで私が説明何を行う方法とコードのペンは、次のとおりです。

https://codepen.io/anon/pen/mqLREK?editors=0010

function(code){ //Ignore this, I apparently need code to link codepen 
    //code code 
} 

拡大表示すると、展開して表示するすべての子要素のリストを取得してループし、3回ごとにセルブロックの高さを実行中の行に追加しますアイテムの高さ（1行に3つがあるため）

注行あたり3よりも、多かれ少なかれがあることができれば、あなたは働いていないこれは何を決定し、それに応じて