手风琴 (Accordion)
手风琴内容类型可用于在垂直空间有限的情况下展示文本内容。手风琴内的内容以可折叠面板的形式显示，每个面板都有标题。点击标题即可展开面板查看详细内容。
本教程目标
- 掌握手风琴的适用场景和特点
- 学习创建手风琴的完整操作流程
- 了解如何配置面板内容和交互选项
第一次使用课灵？
请先注册并登录课灵账号(可以使用微信登录)，在工作区点击"创建"，并选择『手风琴 (Accordion)』开始创作。
何时使用手风琴
- 空间受限场景：当页面垂直空间有限，需要展示大量文本内容时
- 内容分类展示：将相关内容按主题分组，便于用户按需查看
- FAQ（常见问题）页面：用户可点击问题查看答案
- 课程大纲：教学内容的层级展示，学习者可逐步展开学习
互动视频教程
下面的互动视频演示如何在课灵中创建手风琴内容。
互动视频：手风琴内容示例（可交互）
教程示例
下面是我们将在本教程中创建的手风琴，主题是「浆果类型」，包含四种不同浆果的介绍。
示例含 4 个面板；点击标题即可展开内容，适合 FAQ 与课程大纲
快速复制示例
- 点击 这里➜ 将示例复制到你的课灵工作区
- 在打开的页面点击“复制” (注意：请确保已登录课灵账号，否则无法复制)
- 随后在生成的副本中点击“编辑”
- 即可查看并操作本教程所示的设置。
创建手风琴：分步指南
步骤 1：创建新内容
- 在课灵工作区点击「创建」，进入 H5P 编辑器
- 在内容类型列表中选择 『手风琴』 或搜索
Accordion - 进入编辑界面开始配置
从 H5P 内容类型列表中选择『手风琴』
步骤 2：设置标题
在 『标题』 字段中输入：浆果类型
在『标题』字段中输入手风琴的主题
步骤 3：添加面板内容
我们将创建四个面板来介绍不同类型的浆果：
面板 1：草莓
- 标题：
草莓 - 内容：
草莓是唯一种子长在外面的水果，据说具有增强免疫力的功效。草莓富含维生素C和抗氧化剂。
面板 2：蓝莓
- 标题：
蓝莓 - 内容：
蓝莓被誉为「超级食物」，含有丰富的花青素和抗氧化剂，对大脑健康和视力保护有益。
面板 3：覆盆子
- 标题：
覆盆子 - 内容：
覆盆子含有丰富的膳食纤维和维生素，具有抗炎和抗癌的特性。其酸甜的口感深受喜爱。
面板 4：巴西莓
- 标题：
巴西莓 - 内容：
冷冻干燥的巴西莓果肉和果皮粉末制品含有533.9卡路里、52.2克碳水化合物、8.1克蛋白质和32.5克总脂肪。碳水化合物部分包括44.2克膳食纤维和低糖值。来源：维基百科
手风琴编辑器界面，显示面板配置选项
步骤 4：添加面板
- 使用 『添加区块』 按钮来添加新面板
- 为每个面板填写相应的标题和内容
- 重复此过程直到添加完所有四个面板
步骤 5：保存与预览
点击 『保存并关闭』 生成完整的示例内容。您现在应该有一个与本教程顶部示例类似的结果。
专家提示：用例灵感与相关内容类型推荐
想拓展『手风琴』的使用场景？以下是一些常见用例，帮助你打开创作思路：
- 课程大纲与章节导览：用面板分组模块，支持逐步展开学习
- FAQ（常见问题）与帮助中心：按问题分类，减少信息噪音
- 术语表与知识点速览：每个面板放一个概念，点击即可查看定义与示例
- 项目日志或版本更新摘要：按时间或主题收纳变更点
- 课堂练习与自测题解析：题目与解析分离，避免剧透
提示
在选择内容类型时，以目标用户的任务与场景为先；『手风琴』适合“按需展开阅读”的场景。如果你需要并行展示同层级信息，考虑『标签页（Tabs）』；若需要在章节化结构中整合多种互动组件，优先选择『互动书』；需要线性讲解并配合测验或媒体时，考虑『课程演示（Course Presentation）』；在章节末或课程收尾巩固要点，可使用『摘要（Summary）』。