点击时显示或隐藏元素

在本教程中：

1. 构建动画来展示元素
2. 开发动画以使元素消失
3. 集成额外的触发元素以显示并配置为点击时显示/隐藏

建立动画来展示元素

1. 选择您希望作为启动器的元素（例如，“显示”按钮）
2. 在“交互”面板中，从“选定元素”下拉菜单中选择“鼠标单击（点击）”
3. 在“第一次点击”中，选择“启动动画”
4. 点击定时操作旁边的加号
5. 将动画命名为“Reveal”
6. 选择您希望可见的元素（与发起者不同）
7. 点击定时操作旁边的加号，然后选择隐藏/显示
8. 点击眼睛图标将显示配置为无
9. 选中设置为初始状态旁边的复选框
10. 在“交互”面板中，单击加号以在“定时操作”下引入第二个“隐藏/显示”操作
11. 在隐藏/显示部分，将显示设置恢复为其原始值（例如，在我们的场景中为阻止）

构造动画以使元素消失

1. 选择与上一步相同的起始元素
2. 在第二次点击中，选择启动动画
3. 点击定时操作旁边的加号
4. 将动画命名为“隐藏”
5. 选择上一步中您希望消失的相同元素
6. 点击定时操作旁边的加号，然后选择隐藏/显示
7. 点击眼睛图标将显示配置为无

集成另一个触发元素并配置为在点击时显示/隐藏

1. 复制原始启动元素（“显示歌词”文本）
2. 更改其名称（例如“隐藏歌词”）
3. 建立一个动作，并将其初始状态显示调整为无
4. 合并第二个操作并将显示设置为其原始值（例如，阻止）
5. 选择“显示歌词”，并确保其显示设置为无，以便在点击时隐藏它
6. 点击“隐藏歌词”，并添加将显示设置为无的动画
7. 返回“显示歌词”，添加动画，使其在第二次点击时再次可见
8. 单击并安排所有定时操作同时发生（0 秒）

‍

‍

有兴趣开发一个可逐步显示内容（例如常见问题解答）的折叠面板吗？探索创建自定义折叠面板的过程。