https://crosseed.co.jp/js/wp-drawer_menu.js

1var wrapperElement, subColumnElement, headerNavDrawerElement;
2var spsDrawerOpenClass = 'spsDrawerOpen';
3var spsDrawerCloseClass = 'spsDrawerClose';
4
5window.onload = function() {
6  headerNavDrawerElement = document.getElementById('header-nav-drawer');
7  wrapperElement = document.getElementById('wp-dw-wrapper');
8  subColumnElement = document.getElementById('sub-column');
9
10  hideSidebar();
11
12  if (headerNavDrawerElement && subColumnElement) {
13    headerNavDrawerElement.addEventListener('click', function(e) {
14      toggleDisplaySidebar();
15    });
16  }
17
18   //サイドアコーディオン
19   (function($){
20      //サイドメニュー第2階層アコーディオン開閉
21      $(".side-accordion li .sub-link").hide();
22      $(".side-accordion li p").click(function(){
23          $(this).next(".sub-link").slideToggle();
24      $(this).children(".side-accordion li p span").toggleClass("open");
25      });
26      //第3階層アコーディオン開閉
27      $(".side-accordion li .sub-link .side-sub-accordion .sub-sub-link").hide();
28      $(".side-accordion li .sub-link .side-sub-accordion a").click(function(){
29          $(this).next(".side-accordion li .sub-link .side-sub-accordion .sub-sub-link").slideToggle();
30          $(this).children(".side-sub-accordion a").toggleClass("open");
31      });
32      //第4階層アコーディオン開閉
33      $(".side-accordion li .sub-link .side-sub-accordion .sub-sub-link li .sub-sub-sub-link").hide();
34      $(".side-accordion li .sub-link .side-sub-accordion .sub-sub-link a").click(function(){
35          $(this).next(".side-accordion li .sub-link .side-sub-accordion .sub-sub-link li .sub-sub-sub-link").slideToggle();
36          $(this).children(".side-sub-accordion .sub-sub-link a").toggleClass("open");
37      });
38  })(jQuery);
39}
40
41function toggleDisplaySidebar() {
42  if (isSidebarShown()) {
43    hideSidebar();
44  } else {
45    showSidebar();
46  }
47}
48
49function isSidebarShown() {
50  if (subColumnElement) {
51    return subColumnElement.className === spsDrawerOpenClass;
52  }
53
54  return 0;
55}
56
57function showSidebar() {
58  if (subColumnElement) {
59    subColumnElement.className = spsDrawerOpenClass;
60  }
61
62  if (wrapperElement) {
63    wrapperElement.className = spsDrawerOpenClass;
64  }
65
66  if (headerNavDrawerElement) {
67    headerNavDrawerElement.className = spsDrawerOpenClass;
68  }
69
70  window.addEventListener('click', handleOutsideDrawer);
71  window.addEventListener('touchstart', handleOutsideDrawer, {passive: false});
72}
73
74function hideSidebar() {
75  if (subColumnElement) {
76    subColumnElement.className = spsDrawerCloseClass;
77  }
78
79  if (wrapperElement) {
80    wrapperElement.className = spsDrawerCloseClass;
81  }
82
83  if (headerNavDrawerElement) {
84    headerNavDrawerElement.className = spsDrawerCloseClass;
85  }
86
87  window.removeEventListener('click', handleOutsideDrawer);
88  window.removeEventListener('touchstart', handleOutsideDrawer, {passive: false});
89}
90
91function handleOutsideDrawer(e) {
92  if (!subColumnElement.contains(e.target) &&
93      !headerNavDrawerElement.contains(e.target) &&
94      !(e.target.className === 'prev' || e.target.className === 'next')) {
95    hideSidebar();
96    e.preventDefault();
97  }
98}