Quantcast
Channel: Close menu when link is clicked - Stack Overflow
Viewing all articles
Browse latest Browse all 3

Answer by Dan Heberden for Close menu when link is clicked

$
0
0

You're trying to add an event listener to a collection of nodes (querySelectorAll for .nav-link vs querySelector for .nav-toggle). You can either iterate over the collection and add your click event listener to each item or simply listen to the parent element of the .nav-links:

const navToggle = document.querySelector('.nav-toggle')// replace this with something more sensibleconst navLinkParent = document.querySelector('.nav-link').parentElement;navToggle.addEventListener('click', () => {    document.body.classList.toggle('nav-open')})// this is adding a click listener to ONE elementnavLinkParent.addEventListener('click', (event) => {  // check if the clicked element matches what you're after  if (event.target.classList.contains('nav-link')) {    document.body.classList.remove('nav-open')  }})

Viewing all articles
Browse latest Browse all 3

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>