コラプシブル
Collapsible
別名: 折りたたみ領域
ライブデモ
説明
一言で説明
ヘッダーをクリックすることで、コンテンツの表示・非表示を切り替えられるUI要素。
いつ使う？
サブセクションが多く、ページが長くなりすぎるのを防ぎたい場合。詳細なオプション設定など。
💡 日常の言い方
「タイトルを押すと中身が出てくる、パカパカ開くやつ」
似ている用語との違い
コラプシブル vs アコーディオン
アコーディオンは複数のコラプシブルが並び、1つ開くと他が閉じる挙動を指すことが多い。コラプシブルは単一の開閉単位を指す。
AIへの指示例
「詳細設定」セクションをコラプシブルにして。初期状態は閉じておいて、クリックするとスムーズに展開されるようにして。