animacja podstron menu

Question

Witam, mam problem z animacją menu, mianowicie zrobiłem menu, podstrony wszystko działa, wczoraj chciałem dodać animację, na rozwijające się submenu. Zrobiłem taki skrypt:

dropdown.forEach(function (el) {
    el.addEventListener("click", function (e) {
        $(this).children('.hidemenu').slideToggle("slow");
    })
})

Problem polega na tym, iż pierwsze kliknięcie powoduje zwijanie submenu, a startowo to menu już ma display: none. Próbowałem dodawać style w html, cssowo i nic nie pomaga.. Gdy robiłem ifem, to z display: none, zmieniało mi na display: 

Więc również nie działało poprawnie.. Mam nadzieje, że ktoś pomoże, jeśli będzie trzeba to dorzucę html i css

Comments

window.onload = function () {
    for (let i = 0; i < liMenu.length; i++) {
        liMenu[i].classList.add('hidesubmenu');
        liMenu[i].style.display = "none";
    }
}

Wstawiłem taki skrypt i element faktycznie ma display: none na początku, a gdy kliknę rozwijanie menu, to zmienia się na pustego style

 

Proszę o pomoc!!

---

Daj ten kod w jakimś code playground jak codepen.

---

https://codepen.io/RybiTM/pen/ZwLmzQ

---

podbijam, z braku odpowiedzi.