Anladım hocam. Kodun son hali şöyle, istediğimi yaptım sadece üstteki mesajımda yazdığım sorun kaldı. 1. menu item'den sonrasında çalışmadı. Sayfada 1'den fazla .menu-item-has-children olması durumunda ne yapmak lazım. Sadece kendi altındaki .sub-menu'de çalışmalı.
var submenu = document.querySelector('.menu-item-has-children');
var addsubmenu = document.querySelector('.sub-menu');
var addsubmenuClass = 'active';
submenu.addEventListener( 'click', function() {
addsubmenu.classList.toggle(addsubmenuClass);
}, false);1'den fazla alt menüsü olan item var.
querySelector ile aldığınız için bir tanesini alıyorsunuz. querySelectorAll kullanırsanız tümünü dizi olarak alırsınız.
querySelectorAll kullandığınızda bir array elde edeceksiniz, fonksiyonu bu diziye uygulayarak tümünde çalışmasını sağlayabilirsiniz.
Örnek;
let items = document.querySelectorAll(".custom-class");
items.forEach(element => {
element.addEventListener('click', () => {
element.classList.toggle("additional-class")
});
});Örneği kendinize göre uyarlayarak kullanabilirsiniz. jQuery kullanmak isterseniz mantık yine aynı.