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

Есть выпадающее меню 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$...