为什么我的Material Design可折叠列表可扩展动画不起作用？

Question

我在我的网站上使用了材料设计，并且我有一个由可折叠列表组成的评论部分。我希望用户能够通过将可折叠模式设置为“可扩展”来打开多个评论。它做我想要的，但打开新评论的滑动动画不起作用。它只显示任何动画的评论。但是如果你想关闭它（通过点击它），它会再次完全滑动。

所以它向上滑动（关闭时），但不向下滑动（打开时）。

示例：this页面底部的可展开列表。

如您所见，我有一个可扩展的可折叠列表。 （我使用Razor动态设置内容）

查看：

<ul class="collapsible" data-collapsible="expandable">
    @foreach (var item in Model)
    {
        <li>
            <div class="collapsible-header">
                //Comment preview and date here...
            </div>
            <div class="collapsible-body">
                //Display comment text etc here...
            </div>

        </li>
    }
</ul>

这个js初始化是在文档就绪函数中。我试图将手风琴改为“真正的＆＃39;然后所有动画都完美无缺。我也尝试设置＆＃39; expandable = true＆＃39;，但我确定这是否是一件事。

的Javascript：

$('.collapsible').collapsible({
    accordion: false 
});

我非常感谢任何帮助。这是我的考试任务，所以它有点重要：）

Answer 1

手册/示例非常清楚。首先：当你的js运行时？它在doc ready事件中？如果您查看示例，则li的内容将分为标题和正文。你的例子错过了。