Выпадающее меню Jquery по .hover не работает на мобильном
 

Всем добрый день! Прошу помогите мне разобраться с выпадающим меню. Вот очередной вариант моего меню - http://jsfiddle.net/r22227qz/
И очередная проблема, что меню не работает на мобильных устройствах.
Я уже смотрела многие писали по этому случаю, но как-то у каждого свои решения. Мне нужно чтобы на мобильном перед тем как перейти по ссылке, меню показалось, а потом уже перейти по ссылке.
Посоветуйте пожалуйста варианты решения.
Заранее спасибо за помощь!

Вот здесь нашла вариант решения, который мне помог добиться практически нужного результата -
http://ru.stackoverflow.com/question...%D 0%B2%D0%B0

При этом способе переход по ссылке осуществляется со второго клика.

Очень интересный вариант меню, простите, я не совсем поняла как происходит событие по клику, ведь там не js кода?
В моем случае не совсем то, поскольку мне нужен переход по ссылке из пункта основного меню, но сначала нужно показать подпункты выпадающего меню. Ну как-то сумбурно получилось написать, простите.

Еще решила сочетать вместе с указанием пункту меню свойства - aria-haspopup="true", описание здесь, https://msdn.microsoft.com/library/j...(v=vs.85).aspx. К сожалению перейти на меню по клику не удалось уговорить))