モバイル時はタップ式、PCサイトではドロップダウンに切り替える - かちびと.netResult 動作確認はjsfiddleでフレーム幅を狭くすれば確認できます。 jQuery //クリック(タップ)イベントの発火用にDOM要素を追加 $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>'); //タップでドロップダウンするイベント $("#menu-icon").on("click", function(){ //メニューをトグル出来るようにする $("#nav").slideToggle(); $(this).toggleClass("active"); }); css #nav-wrap { margin-top: 20px; } /* menu icon */ #menu-icon { display: none; /* hide menu icon initially */ } #nav, #nav li
