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

Question

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

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

示例：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初始化是在document ready函数中。我试图将手风琴更改为“真”，然后所有动画都完美运行。我也尝试设置'expandable = true'，但我确定这是不是这样。

Javascript：

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

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

Answer 1

手册/示例非常清楚。首先：你的js什么时候运行？它在文档就绪事件中吗？如果您查看示例，则 li 的内容分为标题和正文。您的示例错过了这一点。