32 lines
549 B
JavaScript
32 lines
549 B
JavaScript
const CLS = {
|
|
open: 'Nav--open',
|
|
};
|
|
|
|
export default class Nav {
|
|
constructor(cfg) {
|
|
this.el = cfg.el;
|
|
this.menu = cfg.menu;
|
|
|
|
this.attachEvents();
|
|
}
|
|
|
|
attachEvents() {
|
|
this.menu.el.addEventListener('click', () => {
|
|
this.menu.hideMenu();
|
|
this.openNav();
|
|
});
|
|
this.el.querySelector('.Nav-close').addEventListener('click', () => {
|
|
this.menu.showMenu();
|
|
this.closeNav();
|
|
});
|
|
}
|
|
|
|
openNav() {
|
|
this.el.classList.add(CLS.open);
|
|
}
|
|
|
|
closeNav() {
|
|
this.el.classList.remove(CLS.open);
|
|
}
|
|
}
|