Добрый день, подскажите пожалуйста, как закрыть меню, после клика по ссылке якорю, ведь не происходит перезагрузки страницы.
function menu_bottom_line_active() {
var off = $('#mobile-menu > ul > li.show').offset(),
left = off.left,
right = $(window).width() - left - $('#mobile-menu > ul > li.show').width() + $('#mobile-menu > ul > li.show').width();
$('<style>.navbar-wrap > ul > li.show > a::after{width:' + right + 'px;}</style>').appendTo("head");
}
menu_bottom_line_active();
// Menu bottom line
function menu_bottom_line() {
$("#mobile-menu > ul > li").mouseover(function () {
if ($("#mobile-menu > ul > li").hasClass("active")) {
$(this).removeClass('active');
}
$(this).addClass('active');
var off = $('#mobile-menu > ul > li.active').offset(),
left = off.left,
right = $(window).width() - left - $('#mobile-menu > ul > li.active').width() + $('#mobile-menu > ul > li.active').width();
$('<style>.navbar-wrap > ul > li.active > a::after,.navbar-wrap > ul > li:hover > a::after{width:' + right + 'px;}</style>').appendTo("head");
});
$("#mobile-menu > ul > li").mouseleave(function () {
$(this).removeClass('active');
});
}
menu_bottom_line();
$('#mobile-menu').meanmenu({
meanMenuContainer: '.mobile-menu',
meanScreenWidth: "992"
});
html
<div id="mobile-menu" class="navbar-wrap d-none d-lg-flex">
<ul>
<li class="show"><a href="#" >Главная</a>
</li>
<li><a href="#onas" >О нас</a>
</li>
<li><a href="#conc" >Контакты</a></li>
</ul>
</div>