Remove :hover styles on click

Question

I have a jsFiddle that I am working with: http://jsfiddle.net/aL7Xe/77/

It all works great, I just need the blue hover to go away when the arrow is clicked, then to come back after you click off of it.

Trying to achieve it with:

$(this).removeClass('a:hover');

Answer 1

a:active{
    background:transparent;
}

In your CSS?

Answer 2

You can get the effect you want by setting a :hover pseudo-class for .menutoggle. Try this:

.menutoggle, .menutoggle:hover {
    background: grey;
    }

Example