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

Question

[Spisoktem]

Суть такова: есть меню с подменюшкой , при клике должно открываться подменю, но после нажатия на эту же ссылку(т.е родителя) должно перейти во внутрь родительской ссылки. т.е на первый клик мы не переходим по ссылке, а должно открыться подменю и только после мы можем нажать и зайти по родительской ссылке. структура 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>

поделитесь умными мыслями пожалуйста)

Answer 1

[2cha.headz]

На родителя вешаете класс 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/

Comments

[Spisoktem]

спасибо!
сделал чуть по-другому. навели на мысль)

$('.menu >li.menu-item-has-children >a').click(function(e){
        e.preventDefault();
        $(this).unbind();
        $(this).next().slideToggle();
    });