https://contents.bizpa.net/js/menu.js

1!(function () {
2  const viewport = document.querySelector('meta[name="viewport"]');
3  function switchViewport() {
4    const value =
5      window.outerWidth > 360
6        ? 'width=device-width,initial-scale=1'
7        : 'width=360';
8    if (viewport.getAttribute('content') !== value) {
9      viewport.setAttribute('content', value);
10    }
11  }
12  addEventListener('resize', switchViewport, false);
13  switchViewport();
14})();
15
16/**
17 * ハンバーガーメニューボタンクリック
18 */
19$('#hamburger').click(function() {
20  openSideMenu();
21});
22
23/**
24 * サイドメニュー閉じるボタンクリック
25 */
26$('#sp-menu-close').click(function() {
27  closeSideMenu();
28});
29
30/**
31 * サイドメニュー外クリック
32 */
33$('.sp-menu-wrap').click(function(e) {
34  if(!$(e.target).closest('.sp-menu-contents').length) {
35    closeSideMenu();
36  }
37});
38
39/**
40 * サイドメニューを開く
41 */
42function openSideMenu() {
43  $('body').css('overflow', 'hidden');
44  $('.sp-menu-wrap').css('visibility', 'visible');
45  $('.sp-menu-contents').addClass('is-active');
46}
47
48/**
49 * サイドメニューを閉じる
50 */
51function closeSideMenu() {
52  $('.sp-menu-contents').removeClass('is-active');
53  setTimeout(function(){
54    $('.sp-menu-wrap').css('visibility', 'hidden');
55    $('body').css('overflow', 'auto');
56  }, 200 );
57}