我有一个 OctoberCMS 网站,我试图在可折叠列表中隐藏侧边栏,以便在移动设备上查看时列表项将被折叠。当不在移动设备上时,我正在寻找它来扩展,如下例所示:
http://codepen.io/anon/pen/GoqPJj
代码如下:
<div class="container">
<div class="row">
<div class="col s12 m6">
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body">
<p>Lorem ipsum dolor sit amet.</p>
</div>
</li>
</ul>
</div>
<div class="col s12 m6">
This is the main page content. Here is some more content, and here is some even more content. It never seems to end as I add random text. Just one more sentence to make it a bit more complete.
</div>
</div>
</div>
有谁知道我如何编辑上面的示例以产生所需的结果?