update nav

TarasKachmar2022 · Mar 9, 2024 · 9c5ee31 · 9c5ee31
1 parent b5d44d3
commit 9c5ee31
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/js/nav-anim.js b/src/js/nav-anim.js
@@ -68,16 +68,18 @@ function changeSection(navItem) {
 }
 
 function addClass(navElement) {
-  navElement.classList.add('_active');
+  navElement.classList.add('_site-nav__link--current');
 }
 
 function deleteClass(elementID) {
-  const elementsForDelete = document.querySelectorAll('._active');
+  const elementsForDelete = document.querySelectorAll(
+    '._site-nav__link--current'
+  );
   if (elementsForDelete.length <= 1) return;
   for (let index = 0; index < elementsForDelete.length; index++) {
     const elementForDelete = elementsForDelete[index];
-    if (elementID !== elementForDelete) {
-      elementForDelete.classList.remove('_active');
+    if (elementID !== elementForDelete.getAttribute('href').substring(1)) {
+      elementForDelete.classList.remove('_site-nav__link--current');
     }
   }
 }
diff --git a/src/sass/components/_nav.scss b/src/sass/components/_nav.scss
@@ -47,7 +47,7 @@
   }
 }
 
-._active {
+._site-nav__link--current {
   &::after {
     display: block;
     content: '';