materializecss異なるHTML構造を持つ折りたたみパネル

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

もし折りたたみ作業を行うために同じレベルに両方折り畳み可能なヘッダと折り畳み可能なボディを必要とします。

折りたたみ可能なボディを次のように変更しても機能します。

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

希望すると、この問題の解決に役立ちます。