Using vanilla js instead of jquery

vanilla.js

import delegate from 'delegate';

const el = {
	siteHeader: document.querySelector('.site-header'),
};

/**
 * @function toggleMenu
 * @description Toggle the menu open and closed
 */

const toggleMenu = () => {
  const searchItems = document.querySelector('.site-header__midstrip--search-items');
  const iconHeaderMenu = document.querySelector('.icon-header-menu');
  
  if (searchItems && iconHeaderMenu) {
    searchItems.classList.toggle('is--active');
    iconHeaderMenu.classList.toggle('mobile-item--color--grey'); 
  }
};

/**
 * @function bindEvents
 * @description Bind the events for this module here.
 */

const bindEvents = () => {
  delegate(el.siteHeader, '[data-js="site-header__nav-menu--btn"]', 'click', toggleMenu);
};

/**
 * @module Navigation
 * @description Javascript opening and closing menu
 */

const navigationMenu = () => {
  bindEvents();
};

export default navigationMenu;