mz-particles/src/docs/client-side/js/menu/mobile-menu.ts

TypeScript library for creating particle effects on canvas.

export const initMobileMenu = () => {
    const $btn = document.getElementById('mobile-menu-btn');
    if(!$btn) return;

    $btn.addEventListener('click', (evt) => {
        evt.stopPropagation();
        document.body.classList.toggle('mobile-menu-opened');
    });

    document.body.addEventListener('click', () => {
        document.body.classList.remove('mobile-menu-opened');
    });

    const $sideMenu = document.getElementById('side-menu');
    if(!$sideMenu) return;

    $sideMenu.addEventListener('click', (evt) => {
        evt.stopPropagation();
    });

    const $close = document.getElementById('mobile-menu-close-btn');
    if(!$close) return;

    $close.addEventListener('click', () => {
        document.body.classList.remove('mobile-menu-opened');
    });
};