Как сделать закрытие меню мобильной версии сайта после клика?

Question

[Diasmc]

if ($('.main-navigation .navigation-box .sub-menu').length) {
        var subMenu = $('.main-navigation .sub-menu');
        subMenu.parent('li').children('a').append(function() {
            return '<button class="sub-nav-toggler"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>';
        });
        var mainNavToggler = $('.header-navigation .menu-toggler');
        var subNavToggler = $('.main-navigation .sub-nav-toggler');
        mainNavToggler.on('click', function() {
            var Self = $(this);
            var menu = Self.data('target');
            $(menu).slideToggle();
            $(menu).toggleClass('showen');
            return false;
        });
        subNavToggler.on('click', function() {
            var Self = $(this);
            Self.parent().parent().children('.sub-menu').slideToggle();
            return false;
        });

Никак не могу сделать закрытие меню после клика на лендинге, пробовал разные варианты. Знаний не много, всё что было в силах попробовал.
Сайт с данным меню tarif-svoim.ru

Answer 1

[Diasmc]

РЕШЕНИЕ: Помогли на сайте фриланса. Просто нужно было в файл theme.js добавить код:

$('.main-navigation ul li a').on('click', function() {
        $('.main-navigation').hide();
    });

Полный код вышел такого вида:

if ($('.main-navigation .navigation-box .sub-menu').length) {
    var subMenu = $('.main-navigation .sub-menu');
    subMenu.parent('li').children('a').append(function() {
        return '<button class="sub-nav-toggler"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>';
    });
    var mainNavToggler = $('.header-navigation .menu-toggler');
    var subNavToggler = $('.main-navigation .sub-nav-toggler');
    mainNavToggler.on('click', function() {
        var Self = $(this);
        var menu = Self.data('target');
        $(menu).slideToggle();
        $(menu).toggleClass('showen');
        return false;
    });
    subNavToggler.on('click', function() {
        var Self = $(this);
        Self.parent().parent().children('.sub-menu').slideToggle();
        return false;
    });
    $('.main-navigation ul li a').on('click', function() {
        $('.main-navigation').hide();
    });
}