【Javascript】隣接する兄弟要素に対してクラスを付与する

const nav_toggles = document.querySelectorAll('.js_nav-toggle');
nav_toggles.forEach(nav_toggle => {
  nav_toggle.addEventListener("click", () => {
    // nav_toggle に対してクラスをつけ外しする
    nav_toggle.classList.toggle("is-active");

    // nav_toggle の次の兄弟要素に対してクラスをつけ外しする
    const nextSibling = nav_toggle.nextElementSibling;
    if (nextSibling) {
      nextSibling.classList.toggle("is-active");
    }
  });
});

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次