(function() {
const MainNav = { init: function() { this.isOpen = false; let self = this; self.mainNavToggle.addEventListener("click", function(e) { if (self.isOpen) { self.closeMainNav(); } else { self.openMainNav(); } }); }, mainNavToggle: document.querySelector(".js-main-nav-toggle"), mainNav: document.querySelector(".js-main-nav"), mainNavWrapper: document.querySelector(".js-main-nav-wrapper"), isOpen: false, defaultText: "⇐", closeText: "⇒", closeMainNav: function() { this.isOpen = false; this.mainNav.classList.remove("main-nav--open"); this.mainNavToggle.innerHTML = this.defaultText; this.mainNavToggle.classList.remove("main-nav__toggle--open"); }, openMainNav: function() { this.isOpen = true; this.mainNav.classList.add("main-nav--open"); this.mainNavToggle.innerHTML = this.closeText; this.mainNavToggle.classList.add("main-nav__toggle--open"); } }; document.addEventListener("DOMContentLoaded", function() { MainNav.init(); });
})();