これは、アコーディオンナビゲーションコントロール、またはアコーディオンメニューと呼ばれます。
- 通常のサイドバーメニューのメリットを望むが、すべてのオプションをリストするスペースがない場合に使用します。
- Webサイトに2つ以上のメインセクションがあり、それぞれに2つ以上のサブセクションがある場合に使用します。
- メインセクションが10未満の場合に使用します
- メインナビゲーションに表示するレベルが2つしかない場合に使用します。
参照： アコーディオンメニュー
この種のアコーディオンメニューは、主にスマートフォンなどのモバイル向けに特別に設計されたWebサイトで使用されます。水平方向のスペースが少なくなり、メニューで提供される最適な情報が表示されます。この情報は折りたたんだり展開したりできるため、ポータルまたはWebサイトのさまざまなリンクにアクセスできます。
ナビゲーションバー全体がタブまたはPC画面の画面全体に広がるレスポンシブWebデザインでも使用されますが、ブラウザーウィンドウを圧縮したり、モバイルでサイトを開いたりすると、同じWebサイトが縮小され、アコーディオンメニューに表示されます。画面サイズの小さいブラウザ。