手风琴菜单（accordion menu）在交互页面上经常使用的一种展现方式，通常用在有多个二级导航（或内容）以上的并列层级，这些层级可以是标签，标题，卡片等等。但是不管形式如何，其目低都是为了将又有用的信息展现给用户，将临时不用的信息隐藏起来，这样可以起到节省空间的作用。
【手风琴的分类】
1.卡片堆：
a.用在聊天软件上，作为好友分组。最典型如qq，旺旺，msn等。
b.用在帮助中心分类里。
n久版的QQ好友分组，很经典的应用
淘宝帮助中心
2.标签分类：
a.苹果网站的软件下载分类
b.visualthesaurus网站的词性分类
3.作为标题
Alex Cohaniuc 的手风琴菜单设计的很好。把作品项目藏到手风琴里是的做法其实挺有道理的，因为这能把每个项目的不必要信息隐藏起来，等访客有需要的时候再显示。说这项设计好是因为：一，每块画布的标题都很大，很好点击；二，每块标签卡都使用了一个小箭头来反映开合状态；三，鼠标滑过时，当前标签卡有将它区分出来的不同背景色。
Marius Roosendaal 使用另一个非常漂亮的手风琴来“储藏”他的作品图像。与上面例子一样，每一个内容区块都是一个项目的展示。不过，此例的手风琴里的每个图像还附加有一
些文字介绍。你能注意到一个小按钮被用来显示/隐藏介绍...
