Axure教程：快樂實現手風琴菜單動態效果

每個人心裡都有一個小九九，幻想自己是某一個領域的技術大神，但現實中我們少了那份執着和堅持；而我曾經是這樣子的，可現在想改變了，想讓自己每天都變得進步一點點，所以堅持每周更新Axure教程，希望與大家共勉一起學習。

今天和大家分享的是Axure手風琴效果實現，見如下自製動態效果：

效果實現解讀：拖拽三個動態面板，每個動態面板分別創建兩個state，然後添加內容，如：

State1內容：

State2內容：

分析：單擊主菜單，彈出對應主菜單裡面的子級菜單

解讀：

1. 給state1菜單一個【鼠標單擊時】事件，然後設置面板狀態，√選右邊動態面板，設置選擇狀態為：state2；√選推動/拉動元件，設置方向：向下；動畫：線性；動畫時間：200毫秒。
2. 選中state2中主菜單，設置【鼠標單擊時】事件，步驟和state1一樣，唯一不同的是此處選擇狀態為：state1。

注意事項：進入/退齣動畫盡量不做設置