Result ウィンドウサイズが943px以上はドロップダウン、以下の時はクリックで開閉するアコーディオンのメガメニュー。上記デモはモバイル向けになっていると思います。ウィンドウサイズ943px以上でデスクトップ向けに切り替わるように設定されています。非常にシンプルなコードですが代わりにCSSがやや複雑かもしれません jQuery$(document).ready(function () { "use strict"; //子のulを持ったliをチェックしてトグルアイコンの為のclass付与 $('.menu > ul > li:has( > ul)').addClass('menu-dropdown-icon'); $('.menu > ul > li > ul:not(:has(ul))').addClass('normal-sub'); //ウィンドウサイズをチェックしてスマフォ用と
![レスポンシブWebデザイン対応のメガメニュー](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)