I am trying to update our site so that it works well on mobile devices. We have links with hover states and an onclick event. This creates a problem on mobile devices. When you try to click (touch) on the link you get the hover state, than you must click again to get the click event.
I am worried that I will need to create some code similar to this:
look for all instances of link code and remove hover state;
Can anyone help me out here?
<a class="glossaryLink" href="#" onmouseover="onRollOverPULink(event, 'IT');"onmouseout="onRollOutPULink(event);" onclick="showHideGlossary('IT')">