Raver Dogs General Site Snips (copy)

function toggleMenu() {

  // Find the navigation menu and the body of the page

  const nav = document.querySelector('.main-nav');

  const body = document.querySelector('body');

  // Toggle the class that shows/hides the menu

  nav.classList.toggle('mobile-menu-open');

  // Toggle the class that freezes/unfreezes the page scroll

  body.classList.toggle('mobile-menu-is-open');

  // Bonus: Let's also make the hamburger icon transform into an 'X'

  const toggleButton = document.querySelector('.menu-toggle');

  if (nav.classList.contains('mobile-menu-open')) {

    toggleButton.innerHTML = '✕'; // The 'X' character

  } else {

    toggleButton.innerHTML = '☰'; // The hamburger character

  }

}