拡張可能なコンテンツを持つFlexboxの石積み

Question

私は、masonry gridをflexboxで置き換える方法を探しています。私が直面している課題は、私が持っているコンテンツが拡張可能であることです。この問題の既知の解決法はありますか？

Answer 1

私はこれが役立つかもしれないと思った：https://jsfiddle.net/kunji/t91xppcx/

これは、基本的に反応するフレキシボックスグリッドであると私はあなたがより多くをクリックしたときに表示することができ、いくつかのコンテンツを追加して、グリッド内の3番目の項目に。上のボックスのコンテンツが展開されている間、下の行の項目が下に移動します。

これは私がより多くのコンテンツ（jQueryの）上で使用したものである：

    var $clickme = $('.clickme'), 
     $box = $('.box'); 

    $box.hide(); 

    $clickme.click(function(e) { 
     $(this).text(($(this).text() === 'Hide' ? 'Show' : 'Hide')).next('.box').slideToggle();; 
     e.preventDefault(); 
    });