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

[helgajijka]

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

[helgajijka]

Вот здесь нашла вариант решения, который мне помог добиться практически нужного результата -
http://ru.stackoverflow.com/questions/360086/%D0%9A%D0%B0%D0%BA-%D0%BF%D0%BE%D1%87%D0%B8%D0%BD%D0%B8%D1%82%D1%8C-hover-%D0%BF%D0%BE%D0%B4-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D 0%B5-%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D 0%B2%D0%B0

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

[Vlasenko Fedor]

а такой вариант подойдет ? (http://jsfiddle.net/vlasenkofedor/59T3Z/)

[helgajijka]

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

[helgajijka]

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