мобильное меню и якорь
Добрый день, подскажите пожалуйста, как закрыть меню, после клика по ссылке якорю, ведь не происходит перезагрузки страницы.
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> |
Часовой пояс GMT +3, время: 16:01. |