Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не исчезает мобильное меню LLIypuk jQuery 0 13.07.2020 13:08
Мобильное меню DVV Элементы интерфейса 10 30.01.2020 17:17
mouseover jquery SolomonRei Элементы интерфейса 0 27.11.2018 17:41
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59