css - 扩展div向后滑动

Question

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

我正在使用 JQuery 框架同位素制作问答内容框的平铺布局页面。一旦用户单击内容框，就会显示答案。我遇到的问题是，当显示答案时，它会滑到其他内容框后面。我希望它插入其他内容框。

这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 .

您可以了解有关布局模式的更多信息 here .