Задать вопрос
@Spisoktem
javascript

Вложенное меню и двойной клик для родителя, как правильно реализовать?

Суть такова: есть меню с подменюшкой , при клике должно открываться подменю, но после нажатия на эту же ссылку(т.е родителя) должно перейти во внутрь родительской ссылки. т.е на первый клик мы не переходим по ссылке, а должно открыться подменю и только после мы можем нажать и зайти по родительской ссылке. структура html такая: 
<ul class="menu">
    <li class="item-menu-has-children">
        <a href="ссылка"></a>
        <ul class="sub-menu">
            <li><a href="ссылка"></a></li>
            <li><a href="ссылка"></a></li>
            <li><a href="ссылка"></a></li>
        </ul>
    </li>
</ul>


поделитесь умными мыслями пожалуйста)
  • Вопрос задан
  • 60 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@glagolew059
frontend developer
На родителя вешаете класс parent
Открытие подменю делаете при наличии класса active у item-menu-has-children
$('.parent').click(function(e){
	e.preventDefault();
	if($(this).closest('.item-menu-has-children').hasClass('active')) {
		window.location.href = $(this).attr('href');
	} else {
		$(this).closest('.item-menu-has-children').addClass('active')
	}
})


пример https://jsfiddle.net/nw3b0eah/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать посты на игровую тематику (PlayStation) Telegram, VK
25 апр. 2024, в 16:21
15000 руб./за проект
DevOps настройка Gitlab CICD для проекта c CF Worker
25 апр. 2024, в 16:12
2000 руб./за проект
DevOps
25 апр. 2024, в 16:08
100000 руб./за проект
Ещё заказы