Evitar hover CSS

[jalex16]

Estoy haciendo una pequeña animación con jQuery, en mi CSS he añadido todos los cambios que deben ocurrir en caso de que (por alguna extraña razón) falle la carga de js, si todo sale bien jQuery lo anima (funcion animate).
Sin JS veo los cambios proporcionados por CSS (:hover), pero con JS debo esperar a una segunda acción del mouse, es decir, al poner el puntero sobre mi elemento sale sin animación, a la 2da vez recién comienza a animarse excelente.

Si quito las cláusulas :hover del CSS funcionará como debe ser, pero quiero mantenerlas ahi por lo que comenté arriba.

Espero me puedan ayudar, soy malo explicando :P

[maycolalvarez]

CSS es independiente de js, si le das prioridad a las acciones de js puedes agregar dichos efectos a una clase css y con jQuery removeClass removerla, así si el usuario deshabilita js seguirás con CSS

[jalex16]

no creo que pueda asignar las propiedades de los efectos a una clase css puesto que se trata de un :hover, sino te agradecería me expliques mejor cómo hacerlo.

[maycolalvarez]

tan simple como:

.clase:hover

[jalex16]

jaja eso fue un tremendo lapsus, en qué andaría pensando.
muchas gracias.