Javascript funktioniert bei einem Menüpunkt, bei den anderen jedoch nicht ⇐ JavaScript

[Anonymous]

Ich habe ein einfaches Javascript-fähiges WordPress-Menü-Plugin, das ich selbst erstellt habe.
Es verfügt über ein Menü auf der obersten Ebene, das gut funktioniert, und ein Dropdown-Menü für Untermenüs, das nicht funktioniert. Aus irgendeinem Grund funktioniert nur die On-Click-Dropdown-Funktion des ersten (oberen) Untermenüs wie erwartet – der Rest funktioniert überhaupt nicht. Es scheint ein CSS-Targeting-Problem zu sein, aber wenn ich mir den Code ansehe, sehe ich nicht, wie das sein kann.
Wie gesagt, der Code funktioniert auf der ersten Seite wie erwartet – nur auf dem Rest nicht.
Ich würde gerne wissen, was ich falsch gemacht habe
Das JS sieht wie folgt aus:

Code: Select all

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");
}

Der HTML-Code für das Menü lautet:

Code: Select all