Hello everyone,

I try to use an Javascript Event Handler in my root.html.leex file.
Therefore I created a function in the app.js file:

const mainAccordion = document.getElementById("main-accordion");
mainAccordion.addEventListener("click", () => {
    const navigationWrapper = document.getElementById("navigation-wrapper");
    navigationWrapper.classList.toggle("nav-active")
});

Apparently when I put a log message inside the function I see that the function is fired twice in a row.

How to ensure that the function is only fired once?

Edit: Sorry for debugging purposes I change the method from toggle to add. It’s now changed back how it should be