Tablet View
![](../_src/18634/img20221105122443893388.png?v=1714631193933)
SP View
![](../_src/18636/img20221105122443893229.png?v=1714631193933)
ブロックレイアウトをアコーディオンにした「よくある質問」ページ
BiNDではブロックレイアウトに「アコーディオン」という設定があり、クリックすると下にアコーディオンが開くように隠れていた部分が表示されます。
このアコーディオンの設定がよく使われるのは「よくある質問」ページではないでしょうか。いくつもの質問だけが並んで表示されていて、興味ある質問をクリックするとアコーディオンが開いて回答が表示されるというわけです。
質問+回答をいくつも並べて書くよりもぱっと見でわかりやすく、知りたい項目を探しやすくなるように思います。
BiNDのアコーディオンはそのままの設定だとグレーの背景であまりスマートじゃありません。(default参照)
また、アコーディオンの見栄えを調整するにはDRESSでの設定が必要で、CSSタブではアコーディオンに関する設定が項目として用意されていません。
そこで、faq_002はアコーディオンの見栄えをDRESSで調整できるように作成したブロックデザインです。質問部分・回答部分の背景色、周囲の線、文字の色、文字サイズなどが変更可能です。