DeniSShishkin
@DeniSShishkin
В данный момент живу на о. Самуи, познаю мир

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

Есть такой скрипт меню:
$(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("");
}
});
 });

Но что то вообще не получается...
  • Вопрос задан
  • 2336 просмотров
Пригласить эксперта
Ответы на вопрос 1
blackseabreathe
@blackseabreathe
brackets
Попробуйте так:

$('.здесь_id_меню li').click(function(){
  $('здесь_Id_меню_или_во_что_оно_оборачивается').hide(300);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы