https://www.suit-select.com/ss_wp/wp-content/themes/suitselect2025/assets/js/common.js

1
2//headerハンバーガー処理
3document.addEventListener("DOMContentLoaded", () => {
4    const openBtn = document.querySelector('.btnbox .openbtn');
5    const closeBtn = document.querySelector('.hum_menu .closebtn');
6    const humMenu = document.querySelector('.hum_menu');
7
8    // ---------------------------
9    // 共通：メニューを閉じる関数
10    // ---------------------------
11    const closeMenu = () => {
12        humMenu.classList.remove('is_opened');
13        openBtn?.classList.remove('is_opened');
14    };
15
16    // ハンバーガーを押して開閉
17    openBtn?.addEventListener('click', () => {
18        openBtn.classList.toggle('is_opened');
19        humMenu.classList.toggle('is_opened');
20    });
21
22    // ×ボタンで閉じる
23    closeBtn?.addEventListener('click', closeMenu);
24
25    // hum_menu（黒背景を含む領域）クリックで閉じる
26    humMenu?.addEventListener('click', (e) => {
27        const tag = e.target.tagName;
28        if (tag !== 'A' && tag !== 'SUMMARY') {
29            closeMenu(); // リンクとアコーディオン開閉以外をクリックしたときだけ閉じる
30        }
31    });
32});