アコーディオン

Accordion

見出しをクリックすると、その下のコンテンツパネルが開閉する、縦に積んだ開閉式UI。

○ 使う場面

折りたたみパネル

「アコーディオン」という名前は、蛇腹（じゃばら）を伸び縮みさせて音を出す鍵盤楽器のアコーディオンに由来するとされ、見出しをクリックするたびにパネルが折りたたまれたり広がったりする様子を、楽器の蛇腹に見立てたものである。

近縁種	違い・使い分け
タブ	タブは選択中の1パネルしか表示しない排他的な切り替えUIであるのに対し、アコーディオンは複数パネルを同時に開いたままにでき一覧性を優先できる。「同時に何個見えていてよいか」が使い分けの軸になる。
続きを読む	続きを読むは1つのブロックの省略・展開に特化した単純な開閉であり、複数セクションを構造化して並べるアコーディオンより粒度が小さい。