Автоматически скрывать мобильное меню после щелчка (случай подменю)

Question

Я хотел бы автоматически скрывать мобильное меню после щелчка по элементу меню. Я использую JS, но проблема в том, что есть какое-то расширенное подменю. Мое меню теперь закрывается после 1 щелчка. Если я нажимаю кнопку, чтобы развернуть подменю, оно уже закрывается, и я не могу выбрать ссылку. Мне нужно открыть его еще раз и снова щелкнуть. Как предотвратить закрытие при раскрытии подменю?

Пробую так:

"use strict";
var mobileNavLi = document.getElementById("header-menu-sidebar").firstChild.children;

for (var i = 0; i < mobileNavLi.length; i++) {
    if (mobileNavLi[i].classList.value.indexOf("sub-menu") === -1) {
        mobileNavLi[i].addEventListener("click", function() {
            document.querySelector(".menu-mobile-toggle").click();
        }, true)
    }
}