Показать сообщение отдельно
  #1 (permalink)  
Старый 31.05.2024, 12:45
Новичок на форуме
Отправить личное сообщение для shiyri Посмотреть профиль Найти все сообщения от shiyri
 
Регистрация: 04.02.2020
Сообщений: 4

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