function navIcon() {

  var navIcons = document.querySelectorAll('.nav-icon');

  document.addEventListener('click', function (event) {

    for (var i = 0, n = navIcons.length; i < n; i++) {

      var isInsideNavIcon = navIcons[i].contains(event.target);

      if (isInsideNavIcon) {
        navIcons[i].classList.toggle('active');
      }
    }
  });
}
// Animate the hamburger-looking icons.
Animate the hamburger-looking icons.
Animate the hamburger - looking icons .
function navIcon() {
  var navIcons = document.querySelectorAll('.nav-icon');
  document.addEventListener('click', function (event) {
    for (var i = 0, n = navIcons.length; i < n; i++) {
      var isInsideNavIcon = navIcons[i].contains(event.target);
      if (isInsideNavIcon) {
        navIcons[i].classList.toggle('active');
      }
    }
  });
}
function navIcon ( ) { var navIcons = document . querySelectorAll ( '.nav-icon' ) ; document . addEventListener ( 'click' , function ( event ) { for ( var i = 0 , n = navIcons . length ; i < n ; i ++ ) { var isInsideNavIcon = navIcons [ i ] . contains ( event . target ) ; if ( isInsideNavIcon ) { navIcons [ i ] . classList . toggle ( 'active' ) ; } } } ) ; }
Animate the hamburger-looking icons.
Animate the hamburger - looking icons .