アコーディオン ウィジェットの説明
「アコーディオン」ウィジェットは、複数のコンテンツをコンパクトに表示するウィジェットです。
アコーディオンウィジェットは、複数のアイテムを折りたたんで表示する仕組みです。訪問者が好きなアイテムのタイトルをクリックすると、そのアイテムが展開されて詳細な情報が表示されます。これにより、ページ全体が見やすくなり、訪問者は自分が興味を持つ情報だけを見つけやすくなります。
アイテムタイトルにはアイコンも設定することができます。アイテムが閉じている状態のアイコンを「アイコン」で設定し、アイテムが開いている状態のアイコンは「アクティブアイコン」で設定します。作ったアイテムの順をドラッグ＆ドロップでカンタンに並び替えることができるため、管理も非常に楽です。
FAQ、商品の詳細、サービスの概要などの情報を整理して表示する必要がある場合に便利です。
ほぼ同じ機能である「切り替えウィジェット」との違いは「一度に複数展開することができるか」という点です。このアコーディオンウィジェットは「一度にひとつだけ展開」されるウィジェットです。アイテムAを開いている状態で、アイテムBをクリックするとアイテムAが閉じてBが展開します。
アコーディオンウィジェットを配置したサンプル。アイテムをクリックすると内容が展開され、展開されているアイテムが閉じる。アイテムは追加することができる。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられて
アイテムアイコンの変更、内容の背景色設定などを行ったサンプル。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられて