import $ from 'jquery';

class MobileMenu {
	constructor() {
		this.siteHeader = $('.nav');
		this.menuIcon = $('.nav__menu-icon');
		this.menuContent = $('.nav__content');
		this.events();
	}

	events() {
		this.menuIcon.click(this.toggleTheMenu.bind(this));
	}

	toggleTheMenu() {
		this.menuContent.toggleClass('nav__content--is-visible');
		this.siteHeader.toggleClass('nav__is-expanded');
		this.menuIcon.toggleClass('nav__menu-icon--close-x');
	}
}

export default MobileMenu;