How can I unbind the hover opacity effect of a text link when it is clicked?

How can I unbind the hover opacity effect of a text link when it is clicked?

For instance,

a.test {
    text-decoration:none;
}

a.test:hover {
    text-decoration:none;
    opacity:0.6 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60) !important;
}

<a href="#" class="test">Click Me</a>

$  (".test").click(function(){
   $  (this).unbind('mouseenter mouseleave');
   return false;
})

I don’t want that opacity hover effect when it is clicked.

Here is the link.

EDIT:

I would prefer a solution without hack classes. Is it possible?

newest questions tagged jquery – Stack Overflow