Как при клике разделить переход по ссылке и открытие подменю?

Question

[sergey]

Есть выпадающее меню Bootstrap, при клике - переход по ссылке, при hover - открытие dropdown-menu.
Реализовано так:
переход по ссылке

$('.dropdown a.dropdown-toggle').click(function() {
		location.href = $(this).attr('href');
	});

открытие dropdown-menu

.dropdown:hover > .dropdown-menu {
  display: block;
}

работает, но вот в чем вопрос: как это заставить работать на мобильных, при клике осуществляется переход по ссылке, а вот открытия dropdown-menu - нет.
Как это реализовать? Голова уже не соображает. Два клика по пункту меню невозможно же сделать.

Нашел вот как должно прямо быть Flat jQuery Responsive Menu но за 19$...

Comments

[Stalker_RED]

Можно попробовать привязать второе действие на double tap или longpress, но возможны проблемы при поддержке "зоопарка". А hover на тачскринах отсутствует, да.

[sergey]

Stalker_RED: double tap - даже не знаю что это

[Stalker_RED]

SM: типа такого https://gist.github.com/attenzione/7098476

Если мы говорим работе сайта на мобильных, то к ним довольно редко подключают мышку и кликают. чаще используется тачскрин по которому тапают. (tap)
Мобильные браузеры, конечно, эмулируют клик при тапе, но ряд отличий есть.

Больше всяких примеров и трюков: Best jQuery jQuery Mobile Plugins & Tutorials with Demo

[sergey]

Stalker_RED: спасибо

Answer 1

[Виталий]

Для мобильных сделать по клику - раскрытие подменю. А ссылку на всю категории добавить в конце.

Comments

[sergey]

вот с этим не понял: А ссылку на всю категории добавить в конце.

[Виталий]

SM: Пересобрать меню:
Категория ( клик - открытие подменю)
-подкатегория ( клик - открытие страницы)
....
-подкатегория ( клик - открытие страницы)
-Показать всё / Категория ( клик - открытие страницы категории)

[sergey]

Виталий: на словах я понял, но вот реализацию все равно не представляю, особенно касательно -Показать всё / Категория ( клик - открытие страницы категории)