diff options
Diffstat (limited to 'source/javascript/GlobalNav.js')
-rw-r--r-- | source/javascript/GlobalNav.js | 31 |
1 files changed, 15 insertions, 16 deletions
diff --git a/source/javascript/GlobalNav.js b/source/javascript/GlobalNav.js index a7a25c6..53ae846 100644 --- a/source/javascript/GlobalNav.js +++ b/source/javascript/GlobalNav.js @@ -1,30 +1,29 @@ class GlobalNav { - - constructor() { - this.opener = document.querySelectorAll('.c-menu'); - this.closer = document.querySelectorAll('.c-global-nav__closer'); - this.overlay = document.querySelectorAll('.c-overlay'); - this.isOpen = false; + constructor () { + this.opener = document.querySelectorAll('.c-menu') + this.closer = document.querySelectorAll('.c-global-nav__closer') + this.overlay = document.querySelectorAll('.c-overlay') + this.isOpen = false Array.from(this.opener, (opener) => { - opener.addEventListener('click', this.overlaySwitcher.bind(this), false); - }); + opener.addEventListener('click', this.overlaySwitcher.bind(this), false) + }) Array.from(this.closer, (closer) => { - closer.addEventListener('click', this.overlaySwitcher.bind(this), false); - }); + closer.addEventListener('click', this.overlaySwitcher.bind(this), false) + }) } - overlaySwitcher() { + overlaySwitcher () { if (this.isOpen) { this.overlay.forEach((overlay) => { - this.isOpen = false; - overlay.classList.remove('isShow'); - }); + this.isOpen = false + overlay.classList.remove('isShow') + }) } else { this.overlay.forEach((overlay) => { - this.isOpen = true; - overlay.classList.add("isShow"); + this.isOpen = true + overlay.classList.add('isShow') }) } } |