この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
Dropdown Button は、クリックするとメニューや追加コンテンツが下方向に展開する“ドロップダウン式ボタン機能です。
機能応用例
特徴（Features）
- クリックでコンテンツがスムーズに展開／非表示
- ボタンのテキスト・色・サイズ・アイコンを自由にカスタマイズ
- 展開エリアにテキスト・画像・HTML など自由に配置可能
- アコーディオン風の動きで UI をすっきり整理
- 複数のスタイルやアニメーションに対応
よく使われる場面（Use Cases）
-
- FAQ の回答を隠しておき、クリックで表示
- LP の補足説明を折りたたんでスッキリ見せる
- メニューやサブリンクの展開ボタンとして
- 商品詳細の追加情報を隠しておく用途