レスポンシブに対応したドロップダウンメニューを作りたくてググったら素敵なサイトにたどり着いたのでブックマーク。
ブラウザの横幅で○px以上はマウスオーバーでドロップダウンが現れて、それ未満ではアコーディオンメニューにする、っていうのが欲しかったので、とても助かりました。
ブラウザ閲覧サイズ(横幅)を出して分岐させるメモ
var winWidth = $(window).width(); if(winWidth < 700){ //code } else{ //code }
700のところを適宜変更。
IE11でうまく動かないメモ
参考サイトjQueryのsetTimeoutの記述のところでIE11では動かないと報告もらったのでいろいろ調べたらIE11対応させるためには書き方が良くないらしい…。
参考 IE対応時のsetTimeoutの使い方メモ
setTimeout(()=>{ //code });
setTimeout(function(){ //code });
setTimeoutの設定の使い方・詳細はググってほしい。