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

Question

我试图创建使用具体化的自定义可折叠面板，但我不知道为什么按钮不触发并显示面板主体。我用我自定义的例子创建了一个不起作用的小提琴，并且用它们的结构起作用的一个materilaize例子。

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

所以，如果任何人都可以帮助我，请...修改物化组件就像是一个痛苦的屁股！

<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的你在同一水平，以便使可折叠工作既需要可折叠头和可折叠体。

只是改变你的水平可折叠身体如下所示，它会工作。

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

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