https://www.matsusaka.co.jp/mdxsol/js/common.js

1//よくある質問タブ切り替え
2
3$(function() {
4    $('.qa-tab').on('click', function() {
5      $('.qa-tab, .qa-panel').removeClass('active');
6   
7      $(this).addClass('active');
8      
9      var index = $('.qa-tab').index(this);
10      $('.qa-panel').eq(index).addClass('active');
11    });
12  });
13//
14
15//ハンバーガーメニュー
16const nav = $('#js-nav');
17$("#drawer_toggle").click(function(){
18  $(this).toggleClass("open");
19  nav.slideToggle(300);
20  $("#top").toggleClass("white");
21  $("#cover").toggleClass("cover");
22});
23
24$("#cover").click(function(){          
25  $(this).toggleClass("cover");
26  $("#drawer_toggle").toggleClass("open");
27  $("#top").toggleClass("white");
28  nav.slideToggle(300);
29});
30
31//windowサイズが960px以下になったら読み込む
32const mediaQuery = window.matchMedia("(max-width: 960px)") 
33mediaQuery.addEventListener("change",listener);
34listener(mediaQuery);
35function listener(event) {
36  if (event.matches) {
37    $('#drawer_toggle').removeClass('open');
38    $('#cover').removeClass('cover');
39    nav.hide();
40    $("#top").removeClass("white");
41  } else {
42    $('#drawer_toggle').removeClass('open');
43    $('#cover').removeClass('cover');
44    nav.show();
45    $("#top").removeClass("white");
46  }
47}
48//
49
50
51
52