アコーディオン式メニュー(一次元二階層)

 
Web Tips.
Booskanium's
Booskanium's Web Tips.

一味違うアコーディオン式メニューです。広がりは一次元ですが、2階層まで表現できるメニューです。スマホでは、2階層目を横に広げられない、2階層目が増えると縦に長くなる、これをなんとかしようと考えたUIです。慣れないと直感的に何が起きているのかが解らないのが難点です。