扩展div滑落

Question

让我先说明我的CSS和JQuery经验相当有限。

我使用JQuery框架Isotope制作问答内容框的平铺布局页面。一旦用户点击内容框，就会显示答案。我遇到的问题是，当显示答案时，它将在其他内容框后面滑动。我希望它推动其他内容框。

这jsFiddle显示了我遇到的问题。我不确定它是CSS问题还是Isotope的问题。但这是同位素代码：

$(document).ready(function () {
  $(function () {
    var $container = $('#container');
    $container.isotope({
        itemSelector: '.qaItem',
        layoutMode: 'masonry',
        masonry: {
            columnWidth: 200,
            gutterWidth: 40
        }
     });
  });

  $('.qaItem').click(function () {
    $(this).children('.answer').slideToggle("fast");
  });
});

关于我如何纠正这个问题的任何想法？

由于

Answer 1

查看您的layoutmode。

如果您使用layoutMode: 'fitColumns',，则可以正常使用。

您还可以摆弄其他布局模式。 可以找到一个工作示例here。

您可以详细了解layoutmodes here。