レスポンシブ対応ドロップダウンメニューブックマーク

   

レスポンシブに対応したドロップダウンメニューを作りたくてググったら素敵なサイトにたどり着いたのでブックマーク。

ブラウザの横幅で○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の設定の使い方・詳細はググってほしい。

0

 - jQuery