(() => {
    const hasChildrenItems = document.querySelectorAll(
        '.menu-item-has-children'
    );

    if (!hasChildrenItems.length) return;

    hasChildrenItems.forEach(sub => {
        sub.insertAdjacentHTML('beforebegin', '<a href="#" class="caret"></a>');
    });

    const caret = document.querySelectorAll('.caret');

    caret.forEach(c => {
        c.addEventListener('click', e => {
            e.preventDefault();

            c.parentNode.classList.toggle('menu-open');

            if (e.keyCode === 'Enter' || e.keyCode === 13) {
                c.parentNode.classList.toggle('menu-open');
            }
        });
    });
})();