菜鸟教程 tryfoundation_accordion_group 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <h2>手风琴实例</h2>
<ul class="accordion" data-accordion="">
  <li class="accordion-navigation">
    <a href="#demo">手风琴 1</a>
    <div id="demo" class="content active">
      Demo 1 - W3Cschool教程 -- 学技术,从W3Cschool开始!
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#demo2">手风琴 2</a>
    <div id="demo2" class="content">
      Demo 2 - W3Cschool教程 -- 学技术,从W3Cschool开始!
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#demo3">手风琴 3</a>
    <div id="demo3" class="content">
      Demo 3 - W3Cschool教程 -- 学技术,从W3Cschool开始!
    </div>
  </li>
</ul>

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