Ty for the ressource. I use a named function before but that didn’t fix the issue.

I had the same result with:

const toggleAccordion = () => {
    const navigationWrapper = document.getElementById("navigation-wrapper");
    console.log(navigationWrapper)
    navigationWrapper.classList.toggle("nav-active")
}

So I played around and read your article and I tried the following solution:

const toggleAccordion = (event) => {
    event.preventDefault()
    const navigationWrapper = document.getElementById("navigation-wrapper");
    console.log(navigationWrapper)
    navigationWrapper.classList.toggle("nav-active")
}

The event is triggered twice WITHOUT the event.preventDefault(). I don’t know why but it works.