实现可折叠而不在点击上花费

Question

将可折叠材料材料化后，点击时不会扩展。我已经正确地初始化了它，即使它不起作用。这是我的html代码：

.
.

 <p style="color: #fff; font-family: 'Raleway',sans-serif; font-size: 62px; font-weight: 800; line-height: 72px; margin: 0 0 24px; text-align: center; text-transform: uppercase" id="demo"></p>
  <div class="row"></div>
    <ul class="collapsible popout col s6" id="clap">
    <li>
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
    </ul>

  <div id="modal1" class="modal">
.
.
.

这是初始化代码

  <script>

  document.addEventListener('DOMContentLoaded', function() {
    checkCurrentUser();
    var elems = document.querySelectorAll('select');
    var instances = M.FormSelect.init(elems);
    var elemss = document.querySelectorAll('.collapsible');
    var instances = M.Collapsible.init(elemss, options);

  });
</script>

在此代码中，我也有select元素，但它的工作正常。仅可折叠式不起作用

Answer 1

取出未定义的options变量：

var instances = M.Collapsible.init(elemss);

控制台应该始终是出现任何问题的第一个地方，如果您在那里查看，将会看到'选项未定义'。

这是文档的问题。