Fügen Sie ein weiteres Javascript-Dropdown-Untermenü hinzu ⇐ Jquery

[Anonymous]

Ich habe auf meiner Wordpress-Website ein Dropdown-Menü, das Untermenüelemente und deren Kategorien zu einem Dropdown-Menü hinzufügt. Dies funktioniert für einen Menüpunkt mit Hilfe dieser #id-Klasse. Jetzt kann ich es für zwei Menüpunkte nicht zum Laufen bringen. Das einfache Kopieren des Codes für ein anderes Element hat nicht funktioniert und erscheint mir nicht sauber. Könnte jemand helfen? Vielen Dank im Voraus.

Code: Select all

const popupContainer = document.getElementById('menu-item-2026');
const popupContent = document.getElementById('sub_menu');
popupContainer.addEventListener('mouseover', function() {
popupContent.style.display = 'block';
});
popupContent.addEventListener('mouseover', function() {
popupContent.style.display = 'block';
});
popupContainer.addEventListener('mouseout', function() {
popupContent.style.display = 'none';
});
popupContent.addEventListener('mouseout', function() {
popupContent.style.display = 'none';
});
$('.menu-item-has-children .menu-item-has-children a').on("click", function(e) {
$(this).next('ul').toggle();
e.stopPropagation();
});

Code: Select all