Foundation5手册
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
directory search
Foundation 基础 Foundation 教程 Foundation 安装 Foundation 按钮 Foundation 按钮组 Foundation 标签 Foundation 表单 Foundation 表格 Foundation 侧边栏 Foundation 顶部导航栏 Foundation 分页 Foundation 滑动导航 Foundation 滑块 Foundation 价格表 Foundation 进度条 Foundation 均衡器(Equalizer) Foundation 开关 Foundation 列表 Foundation 麦哲伦（Magellan）导航 Foundation Joyride Foundation 面板 Foundation 模态框 Foundation 输入框 尺寸 Foundation 提示框 Foundation 提醒框 Foundation 图标 Foundation 图片 Foundation 文本 Foundation 下拉菜单 Foundation 选项卡 Foundation 折叠列表 Foundation 手册 Foundation CSS 参考手册 Foundation CSS 可见性 Foundation 图标参考手册 Foundation 网格 Foundation 块状网格 Foundation 网格 - 大型设备 Foundation 网格 - 水平堆叠 Foundation 网格 - 小型设备 Foundation 网格 - 中型设备 Foundation 网格实例 Foundation 网格系统

©
This document usesPHP Chinese website manualRelease

characters

Foundation 折叠列表

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

实例
实例预览 »

实例解析

.accordion类和data-accordion属性用于创建一个可折叠的元素。.accordion-navigation类用于渲染可折叠元素。实际的内容在.content类 (

我们在列表项中添加元素来控制（显示/隐藏）可折叠的内容。然后锚链接使用与可折叠内容内容相同的id ( 相关联)。

注意：可折叠的效果需要初始化 Foundation JS。

默认情况下，可折叠内容是隐藏的。我们可以通过在

上添加.active类让其默认是显示的：

实例

实例预览 »

手风琴效果

手风琴效果用于延展与设置可折叠内容。

手风琴效果通过使用多个不同的锚链接与id来创建：

实例

实例预览 »

默认情况下，手风琴列表项有一个是打开的。如果你想关闭所有可以使用data-options="multi_expand:true;"属性:

实例

     ..
实例预览 »


关于我们 联系我们 留言板

手册网

Previous article： Next article：