之前看了小樓老師的三級菜單制作，跟著做了一次，學(xué)習(xí)到很多東西，但是又都還回去了。這次打算在Axure：一分鐘制作二級折疊菜單的基礎(chǔ)上趁熱打鐵做一個三級的，個人一直認為任何事情只要找到一定規(guī)律都能化繁為簡，目標：2分鐘搞定。

效果如下：

步驟如下：

1、準備1、2、3級菜單矩形框。

2、組合三級菜單命名“3g”，二級菜單添加3項動作：單擊時（切換選中狀態(tài)）、取消選中時（隱藏3g）和選中時（1.移動3g；2.顯示3g），如圖。然后隱藏3g。

3、隱藏3g，選中二級菜單和3g復(fù)制2份擺好位置，3個二級菜單矩形框設(shè)置選項組名稱“2g”，命名也是“2g”，不再附圖。

4、為一級菜單添加3個事件：單擊、選中、取消選中。特別說明，取消選中事件要對3個二級菜單矩形框設(shè)置取消選中，如圖。

5、隱藏2g，選中所有矩形框包括隱藏的，復(fù)制兩份擺好位置，3個一級菜單矩形框設(shè)置選項組，如圖：

二級折疊菜單，你試試看一分鐘能否搞定。

（要說明的是，沒有添加動畫，你可以試著添加，如有疑問，歡迎探討。）

本文由 @y13110 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于 CC0 協(xié)議