If you need extra script such as js function read it more at following link.
As you know, :hover behavior doesn’t exist on touch screen devices. So when you design a responsive website, you should carefully plan when and where to use :hover interactions. Simple links that open some URL will loose their :hover effect on some touch screen devices. On iOS:hover is triggered before the click event, so you will see the hover style for a brief moment before the page changes. Those are minor things, they don’t affect the functionality of the site. The real problem is a :hover that either hides or shows another element using display or visibility CSS properties. This type of :hover will transform into the double tap behavior on touch screens.
http://www.prowebdesign.ro/how-to-deal- … n-devices/