アコーディオンメニューで一部の大項目を選択可能にする方法

Question

現在、スマートフォンサイトの設計を行っております。

予約サイトになるのですが
店舗メニューの選択を行うために
アコーディオンで実装しようと考えております。
(現状はjQuery Mobileでどうかと検討中ですが
他の方法でもご回答頂けると助かります。)

下記の例のように大項目、中項目ございます。

例)
・大項目A

• 中項目1
• 中項目2

・大項目B

「大項目A」は、「中項目*」を選択可能に。
「大項目B」は展開せずに、それ自身を選択可能に。
選択可能箇所のいづれか１つが選べる作りになります。

アコーディオンに限らず、展開できるリストメニューは
大項目を選択できるものが見当たらず困っている状態です。

良い方法をご存知でしたら、ご回答よろしくお願いします。

Comments

[allll]

アコーディオンに限らず、展開できるリストメニューは
大項目を選択できるものが見当たらず困っている状態です。

Answer 1

bootstrapのcollapse使えば楽です。

探せば他にもいろいろライブラリ出てきます。

補足

bootstrapのcollapseをつかう場合、aタグのdata-toggle="collapse"を消せば展開しなくなります。
ただのAタグなんで、リンク先とかご自由にできますよ。

Comments

[allll]

ご回答頂きありがとうございます。
collapseというキーワードを知らずにおりました…。
BootstrapにもjQueryにもあるようなので調べてみます。
参考になる情報を頂きありがとうございました！

[ogaaaan]

bootstrapはHTMLがかなり入れ子になってて見づらいのですが、
1個1個が単純で、カスタマイズしやすいです。
それに情報も豊富なので、ぜひ使ってみてください！！