What I am trying to do is to have the animation but if js is disable to still have the hover effect with css only. Almost everything is working but I can’t disable the pure CSS hover effect so the animation apears. Here is where I am testing the site: http://www.santosrepresentacoes.com.br/site/
As you can see the "out" state is working but the "over" state don’t appear because the CSS hover is taking place with it. I already tried to use
$(“ul#menu li a:hover”).css(“background”,”none”);
But I think I can’t use :hover. I already tried "ul#menu li.home a:hover" ; "ul#menu li.home a" (this case works but I miss the "non over" state too.
Anyone could help me? Maybe I am asking too much? I could just remove the pure css hover state in the style sheet but I think it’s can be done with jQuery.