jQuery サンプル: グローバルナビ (2階層・レスポンシブ)

2階層のグローバルナビです。

• PC幅の場合はホバーで2階層目が表示されます。
• スマホ幅の場合はドロワーメニュー (右からスライド) になり、1階層目のクリックで2階層目が表示されます。
• フォントは M PLUS Rounded 1c (Google Fonts) を使用しています。
• 表示切替は jQuery で行っています。(.open クラスの付け替えのみ)

例