Foundation 折叠列表

在你想隐藏部分内容的显示时,可以使用折叠列表。

实例

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">
    <a href="#demo">Simple Collapsible</a>
    <div id="demo" class="content">
      菜鸟教程 -- 学的不仅是技术,更是梦想!!!
    </div>
  </li>
</ul>

<!-- 初始化 Foundation JS -->
<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>