Javascript работает с одним пунктом меню, но не с остальными. ⇐ Javascript

[Anonymous]

У меня есть простой плагин меню Wordpress с поддержкой Javascript, который я создал сам.
У него есть меню верхнего уровня, которое работает нормально, и раскрывающееся меню подменю, которое не работает. По какой-то причине только первая (верхняя) функция onclick раскрывающегося подменю работает должным образом, остальные не работают вообще. Похоже, это проблема с таргетингом CSS, но я не понимаю, как это может быть, когда я смотрю на код.
Как я уже сказал, код работает так, как ожидалось, на первом li, но не на остальных.
Мне бы хотелось знать, что я сделал не так.
JS выглядит следующим образом:
const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector(".nav-menu");

hamburger.addEventListener("click", mobileMenu);

function mobileMenu() {
hamburger.classList.toggle("active");
navMenu.classList.toggle("active");
}

const triangle = document.querySelector(".menu-hide-me");
const subMenu = document.querySelector(".sub-menu");

triangle.addEventListener("click", giveclasstosubmenu);

function giveclasstosubmenu() {
triangle.classList.toggle("sub-open");
subMenu.classList.toggle("sub-open");
}

HTML-код меню:





Подробнее здесь: https://stackoverflow.com/questions/797 ... the-others