具有不同html结构的materializecss可折叠面板

Question

我尝试使用materialize创建自定义可折叠面板，但我不知道为什么按钮没有触发并显示面板主体。我已经创建了一个小提琴，我的自定义示例不起作用，并且有一个完整的示例，其结构有效。

从我的检查中，我看到在点击面板标题时没有在面板主体上添加活动类，这很奇怪。

所以，如果有人可以帮助我，请...修改实体化组件就像屁股一样痛苦！

 <div class="collapsible">
    <div class="box">
      <div class="1left">Left</div>
      <div class="2center">Center</div>
      <div class="3right">Right
        <a class="collapsible-header">Colapse header</a>
      </div>
    </div>
  </div>
  <div class="collapsible-body">
    This should be the body collapsed
  </div

http://jsfiddle.net/zt5515zt/90/

Answer 1

在Materialise中，您需要同一级别的 collapsible-header 和 collapsible-body 才能使可折叠工作。

如下图所示，只需更改 collapsible-body 的级别即可。

<a class="collapsible-header">Colapse header</a>
<div class="collapsible-body">
  This should be the body collapsed
</div>

希望这可以帮助您解决问题。