generator-aristos/app/templates/content/public/scripts/modules/MobileMenu.js

create aristos cms fast with yeoman generator.

import $ from "jquery";

class MobileMenu{
    constructor(){
        this.siteHeader = $(".header__main")
        this.menuIcon = $(".header__menu-icon");
        this.menuContent = $(".header__menu-content");
        this.events();
    }

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

    toggleTheMenu(){
        this.menuContent.toggleClass("header__menu-content--is-visible");
        this.siteHeader.toggleClass("header--is-expanded");
        this.menuIcon.toggleClass("header__menu-icon--close-x");
    }
}

export default MobileMenu;