具有可扩展内容的Flexbox砌体

Question

我正在寻找一种用flexbox替换砌体网格的方法。我面临的挑战是我拥有的内容是可扩展的。这个问题有一个已知的解决方案吗？

Answer 1

我认为这可能会有所帮助：https://jsfiddle.net/kunji/t91xppcx/

这基本上是一个响应式弹性箱网格，在网格的第三个项目中，我添加了一些内容，当您点击更多内容时可以显示这些内容。下面行中的项目向下移动，而上面框中的内容会展开。

这是我在更多内容（JQuery）上使用的内容：

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

    $box.hide();

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