test nav

src/js/01-nav.js

@@ -39,16 +39,16 @@
     }
   })
 
-  // document.querySelectorAll('.nav-link').forEach(function (link) {
-  //   link.addEventListener('click', function (e) {
-  //     e.preventDefault() // 기본 링크 동작 방지
-  //     var parentToggle = link.closest('.nav-item').querySelector('.nav-item-toggle')
-  //     if (parentToggle) {
-  //       parentToggle.click() // 트리 토글
-  //     }
-  //     window.location.href = link.href // 첫 번째 링크로 이동
-  //   })
-  // })
+  document.querySelectorAll('.nav-link').forEach(function (link) {
+    link.addEventListener('click', function (e) {
+      e.preventDefault() // 기본 링크 동작 방지
+      var parentToggle = link.closest('.nav-item').querySelector('.nav-item-toggle')
+      if (parentToggle) {
+        parentToggle.click() // 트리 토글
+      }
+      window.location.href = link.href // 첫 번째 링크로 이동
+    })
+  })
 
   if (navMenuToggle && menuPanel.querySelector('.nav-item-toggle')) {
     navMenuToggle.style.display = ''
@@ -120,7 +120,6 @@
       }
     }
     var navItem
-    console.log(navLink)
     if (navLink) {
       navItem = navLink.parentNode
     } else if (originalPageItem) {
@@ -128,13 +127,25 @@
     } else {
       return
     }
-    if (navItem === currentPageItem) return
-    find(menuPanel, '.nav-item.is-active').forEach(function (el) {
-      el.classList.remove('is-active', 'is-current-path', 'is-current-page')
-    })
-    navItem.classList.add('is-current-page')
-    currentPageItem = navItem
-    activateCurrentPath(navItem)
+
+    // if (navItem === currentPageItem) return
+    // find(menuPanel, '.nav-item.is-active').forEach(function (el) {
+    //   el.classList.remove('is-active', 'is-current-path', 'is-current-page')
+    // })
+    // navItem.classList.add('is-current-page')
+    // currentPageItem = navItem
+    // activateCurrentPath(navItem)
+
+    // 중복 펼침 방지
+    if (!navItem.classList.contains('is-current-page')) {
+      find(menuPanel, '.nav-item.is-active').forEach(function (el) {
+        el.classList.remove('is-active', 'is-current-path', 'is-current-page')
+      })
+      navItem.classList.add('is-current-page')
+      currentPageItem = navItem
+      activateCurrentPath(navItem)
+    }
+
     scrollItemToMidpoint(menuPanel, navLink)
   }