Accessible Accordion - Accordion wrapper

accessible-accordion.js

class Accordion extends HTMLElement {
    #curtains = [];

    connectedCallback() {
        this.#curtains = Array.from(this.querySelectorAll('.nh-curtain-new'));

        this.#curtains.forEach((curtain) => {
            curtain.addEventListener('toggle', this.#handleToggle.bind(this, curtain));
        });
    }

    disconnectedCallback() {
        this.#curtains.forEach((curtain) => {
            curtain.removeEventListener('toggle', this.#handleToggle.bind(this, curtain));
        });
    }

    #handleToggle(curtain) {
        if (!curtain.open) {
            return;
        }

        this.#closeOtherCurtains(curtain);
    }

    #closeOtherCurtains(curtain) {
        const otherCurtains = this.#curtains.filter((c) => curtain !== c);
        otherCurtains.forEach((otherCurtain) => {
            const animations = otherCurtain.getAnimations();

            if (animations.length === 0) {
                otherCurtain.close();
                return;
            }

            Promise.all(animations.map((animation) => { animation.finished })).then(() => {
                otherCurtain.close();
            });

            otherCurtain.close();
        });
    }
}