Свернуть меню при клике на ссылку

Есть меню/навигация: codepen

Я добавил кусок кода jquery, чтобы меню сворачивалось при клике на ссылку:

(function(){
        var burger = document.querySelector('.burger-container'),
                header = document.querySelector('.header');

        burger.onclick = function() {
                header.classList.toggle('menu-opened');
        }
    }());

 $('.menu-item').on('click', function () {
      $('.header').removeClass('menu-opened');
    });

Однако, меня смущает корректность кода в таком виде несмотря на то, что всё работает. Скажите пожалуйста, корректно ли использовать такое сочетание, и по возможности помогите с более корректным вариантом скрипта.

Спасибо!