window.addEventListener('load', () => {
    const btnOpen = document.querySelector('.btn-burger');
    const btnClose = document.querySelector('.menu-mobile__close');
    const menu = document.querySelector('.menu-mobile');

    btnOpen.addEventListener('click', () => {
        menu.classList.add('open');
    });

    btnClose.addEventListener('click', () => {
        menu.classList.remove('open');
    });

    const block = document.querySelectorAll('.menu-mobile__list');

    block.forEach((item) => {
        const header = item.querySelector('.menu-mobile__listHeader');
        const body = item.querySelector('.menu-mobile__listBody');

        header.addEventListener('click', (e) => {
            const timeout = setTimeout(() => {
                if (item.classList.contains('open')) {
                    item.classList.remove('open');
                    body.style.height = `0px`;
                } else {
                    closeAll(block);

                    item.classList.add('open');
                    body.style.height = `${e.target.nextElementSibling.scrollHeight}px`;
                }

                clearTimeout(timeout);
            }, 50);
        });
    });
});

const closeAll = (block) => {
    block.forEach((item) => {
        const body = item.querySelector('.menu-mobile__listBody');

        item.classList.remove('open');
        body.style.height = `0px`;
    });
}