js:PC版はメガメニューSP版はハンバーガーでアコーディオン

Question

表題の通りなのですが、
PC版ではメガメニューで、メニューをホバーするとメニュー項目が表示されます。
SP版ではハンバーガーメニューになり、PC版の時ホバーしないと見れなかった部分はアコーディオンになって、クリックするとアコーディオンの中身が表示されるというものを作りたいです。

jsで、画面幅によって、PC幅ではホバー時の挙動を記述し、SP幅ではクリック時の挙動を書いているのですが、SP版の方でなぜかホバー時の挙動が有効になっててうまく意図した動きになりません。

何か参考になりそうな参考サイトをご存知ないでしょうか？
よろしくお願いいたします。

Comments

[y_waiwai]

まずはそのコードを提示しましょう

[captain-coco]

質問の仕方をご指摘いただいてありがとうございます。
コードを提示してご指摘していただきたいのではなくて、今回は参考になりそうなサイトを知りたかったので、別の方をベストアンサーとさせていただきました。

Answer 1

何か参考になりそうな参考サイトをご存知ないでしょうか？

ここですね。

window.matchMedia をそろそろ活用してもいい頃 - Qiita

MediaQueryList - Web API | MDN

Comments

[captain-coco]

回答していただきありがとうございました！
まさにたどりつきたかった情報です。
window.requestAnimationFrame を使って試してみます。

[Lhankor_Mhy]

え？そっちですか？