jQuery onMouseover / onClick для пользователей сенсорных экранов (например, iPad)

Итак, я сделал сворачиваемое меню в системе на основе веб-сайта, которая уменьшила меню до 6" кнопки с драгоценными камнями »в правом верхнем углу экрана, каждая выглядит одинаково и содержит номер, который представляет собой количество предупреждений, относящихся к элементам в меню.

Их содержание не имеет отношения к моему вопросу, а просто объясняет, что они не являются текстовыми и поэтому не имеют четких и легко читаемых ярлыков, объясняющих, что делают пункты меню.

Поэтому я поместил всплывающую подсказку onMouseover, которая отображает скрытый div, объясняющий, что представляет собой каждый пункт меню.

Также существует событие onClick, в котором jQuery отображает меню.

Это частная система интрасети, я бы не стал использовать эти меню на общедоступном веб-сайте, поскольку они недостаточно ясны, но, учитывая, что это приложение, моя проблема:

Например, при просмотре на iPad ( и, предположительно, другие устройства с сенсорным экраном), onMouseover обрабатывается как onClick, поэтому при нажатии кнопки отображается всплывающая подсказка, а не меню, как требуется.

Что посоветуете, как с этим справиться?

Я видел эту ветку Обнаруживать пользователей iPad с помощью jQuery? поэтому, учитывая, что это частное веб-приложение, я мог обнаруживать пользователей iPad и воссоздавать jQuery чтобы игнорировать команду onMouseover для пользователей iPad, но если бы я расширил аналогичное приложение до чего-то, что может иметь больше пользователей, как бы я обработал эти два события?