アコーディオン
Accordion
別名: エクスパンダブルリスト / Expandable List
ライブデモ
説明
一言で説明
見出しをクリックすると、その下に隠れていたコンテンツが展開・折りたたみされる UI。
いつ使う？
FAQ、設定項目、長いカテゴリ一覧など、コンテンツを整理して段階的に表示したいとき。
💡 日常の言い方
「クリックするとパカッと開いて中身が見えるやつ」
似ている用語との違い
アコーディオン vs タブ
タブは同じ階層の異なるビューを切り替える。アコーディオンは同一ページ内でコンテンツを展開・折りたたみする。
アコーディオン vs コラプシブル
コラプシブルは1つの折りたたみ要素。アコーディオンは複数の折りたたみ要素をグループ化したもの。
AIへの指示例
FAQページをアコーディオン形式にして。質問をクリックすると回答が展開されるようにして。一度に1つだけ開くようにして。