Here is my jsfiddle:
I don't know how to achieve the same effect using jquery, when a user presses the button/link with their fingers. I've read part of the website but find it very confusing and don't know what to look for?
The reason I require jquery (I think) is because this effect does not work properly on Android mobile web browsing. When you scroll down the page and touch a link, the highlighted green color (active css state) gets all buggy and only shows partially, or worse, is split up and jaggedy. Works fine in iOS.
So I am asking, could someone show me how to take the same effect of the "active" css class (when the link turns green on click) - and change it so it works when a user touches the button on a smartphone (using jquery)?