function toggleSubmenu() {
const submenu = this.closest('li').querySelector('.rz-child-menu');
submenu.classList.toggle('opened');
}
const vvOpen = document.querySelectorAll('.rz-open-menu-element');
vvOpen.forEach(n => n.addEventListener('click', toggleSubmenu));
.rz-left-menu ul li ul.rz-child-menu.opened {
display: block;
}
или, вместо назначения обработчика клика каждому элементу индивидуально, можно применить делегированние:
document.querySelector('.rz-left-menu').addEventListener('click', function(e) {
if (e.target.classList.contains('rz-open-menu-element')) {
e.target.closest('li').querySelector('.rz-child-menu').classList.toggle('opened');
}
});
