Есть такой скрипт меню:
$(document).ready(function() {
$(".toggle-mnu").click(function() {
$(this).toggleClass("on");
$(".top-nav").toggle();
return false;
});
});
Вот html:
<div class="col-6 toogle-wrapper">
<a href="#" class="toggle-mnu"><span></span></a>
</div>
<div class="top-nav col-6 col-sm-6 col-md-6 col-lg-8">
<ul id="navigation" class="top-nav-menu">
<li><a data-menuanchor="kak-eto-rabotaet" href="#kak-eto-rabotaet">Как это работает</a></li>
<li><a data-menuanchor="uslugu" href="#uslugu">Услуги</a></li>
<li><a data-menuanchor="marki-avto" href="#marki-avto">Стоимость</a></li>
<li><a data-menuanchor="nashi-raboti" href="#nashi-raboti">Наши работы</a></li>
<li><a data-menuanchor="voprosu" href="#voprosu">Вопросы</a></li>
<li><a data-menuanchor="pochemy-mi" href="#pochemy-mi">Почему мы</a></li>
<li><a data-menuanchor="contacti" href="#contacti">Контакты</a></li>
</ul>
</div>
Проблема в том что при открытии меню в мобильном браузере я нажимаю на ссылку меню, страница скроллится но само меню не закрывается. Как лучше всего это реализовать?
Пробовал вот так:
jQuery(document).ready(function($) {
$(".top-nav-menu li a").click(function (event) {
// check if window is small enough so dropdown is created
var toggle = $(".toggle-mnu").is(":visible");
if (toggle) {
$(".top-nav-menu").toggleClass("");
}
});
});
Но что то вообще не получается...