問題提起 レスポンシブデザインをつくりましたが、ウィンドウサイズを変えると、jQueryが意図せず発火したり、されなかったり……という問題が発生しました。 以下が正解の挙動です。 以下が問題の挙動です。 正解では、ウィンドウサイズが大きい時にはjQuery(アコーディオン)を機能させず、ウィンドウサイズが小さい時にjQuery(アコーディオン)を発火させています。 しかし問題の例では、ウィンドウサイズを変えても、初めのウィンドウサイズが適応されてしまっています。 コードはこちらです if (window.matchMedia( '(max-width: 766px)' ).matches){ $(".title").on("click", function(){ $(this).next(".element").slideToggle(200); }); $(document).on("c