显示和隐藏单击的元素

在这节课中:

1. 创建一个动画使一个元素出现
2. 创建一个动画使一个元素消失
3. 添加第二个触发器元素来显示，并将它们配置为单击时显示/隐藏

创建一个动画使一个元素出现

1. 选择你想要作为触发器的元素(例如，“Show”按钮)
2. 在交互面板中，从On Selected Element菜单中选择鼠标点击(点击)
3. 从第一次点击选择开始一个动画
4. 点击Timed Actions旁边的加号
5. 将动画命名为“Show”
6. 选择您想要出现的元素(这应该与触发器不同)
7. 点击定时动作旁边的加号，然后选择隐藏/显示
8. 点击眼睛图标将显示设置为none
9. 单击“设置为初始状态”旁边的框
10. 当仍然在交互面板显示时，点击加号在Timed Actions下添加第二个Hide/Show动作
11. 在“隐藏/显示”下，设置显示设置为原始值(在我们的例子中是Block)

创建一个动画使一个元素消失

1. 选择与上一步相同的触发器元素
2. 从第2点击选择开始一个动画
3. 点击Timed Actions旁边的加号
4. 将动画命名为“隐藏”
5. 从上一步中选择您想要消失的相同元素
6. 点击定时动作旁边的加号，然后选择隐藏/显示
7. 点击眼睛图标将显示设置为none

添加第二个触发器元素，并将它们配置为单击时显示/隐藏

1. 点击并复制原始触发器元素(“显示歌词”文本)
2. 重新命名(例如，“隐藏歌词”)
3. 创建一个操作并将其初始状态显示设置为none
4. 添加第二个动作，使显示设置为原始值(例如，Block)
5. 点击“显示歌词”，确保它的显示设置为none，在点击时隐藏它
6. 点击“隐藏歌词”，添加一个动画，将显示设置为无
7. 返回到“显示歌词”，添加一个动画，使其在第二次点击时再次可见
8. 点击并拖动，使计时动作中的所有内容同时发生(0秒)

想要创建一个手风琴来逐步显示内容，例如faq ?看看如何构建一个自定义手风琴．