點擊時顯示和隱藏元素

在本教程中：

1. 建構一個動畫來展示一個元素
2. 開發動畫以使元素消失
3. 整合一個額外的觸發元素來顯示和配置兩者以在單擊時顯示/隱藏

建立動畫來展示元素

1. 選擇您希望用作啟動器的元素（例如“顯示”按鈕）
2. 在“交互”面板中，從“選定元素”下拉列表中選擇“滑鼠單擊（點擊）”
3. 在“第一次點擊”中，選擇“啟動動畫”
4. 點選定時操作旁邊的加法符號
5. 動畫命名為“Reveal”
6. 選擇您希望可見的元素（與發起者不同）
7. 點選定時操作旁邊的加法符號，然後選擇隱藏/顯示
8. 點擊眼睛圖示將顯示配置為無
9. 選取設定為初始狀態旁的方塊
10. 在互動面板顯示中，按一下新增符號以在定時操作下引入第二個隱藏/顯示操作
11. 在「隱藏/顯示」部分中，將顯示設定恢復為其原始值（例如，在我們的場景中為「封鎖」）

建構一個動畫以使元素消失

1. 從上一個步驟中選擇相同的起始元素
2. 在“第二次單擊時”中，選擇“啟動動畫”
3. 點選定時操作旁邊的加法符號
4. 將動畫命名為“Conceal”
5. 選擇上一個步驟中您希望消失的相同元素
6. 點擊“定時操作”旁邊的加法符號，然後選擇“隱藏/顯示”
7. 點擊眼睛圖示將顯示配置為無

整合另一個觸發元素並將兩者配置為在單擊時顯示/隱藏

1. 複製原始啟動元素（“顯示歌詞”文字）
2. 更改名稱（例如“Conceal Lyrics”）
3. 建立一個動作並將其初始狀態顯示調整為none
4. 合併第二個操作並將顯示設為其原始值（例如，封鎖）
5. 選擇“顯示歌詞”並確保其顯示設為無，以便單擊時隱藏它
6. 點擊“隱藏歌詞”並添加將顯示設為無的動畫
7. 返回“顯示歌詞”，附加動畫以使其在第二次單擊時再次可見
8. 按一下並安排所有定時操作同時發生（0 秒）

‍

‍

有興趣開發手風琴來逐漸顯示內容，例如常見問題嗎？探索創建定製手風琴的過程。