javascript - Unset css animation property with jQuery.css method -

i know css3 animation property removed setting none !important, , tried (and did, within css code). but, using jquery.css() method change animation property mentioned, doesn't work.

i have tried

$('#site-title, #site-description').css(     {         'animation':'none !important',         '-webkit-animation':'none !important',         '-moz-animation':'none !important',         '-o-animation':'none !important'     }  ); 

and tried (knowing jquery in many cases handles prefixes automatically )

$('#site-title, #site-description').css(     {         'animation':'none !important'      }  ); 

...no good. note, haven't mess node selection, when test purposes inser display:none they're gone.

how resolve this?

you have set this:

function stopanimation() {     $('#site-title, #site-description').css("-webkit-animation", "none");     $('#site-title, #site-description').css("-moz-animation", "none");     $('#site-title, #site-description').css("-ms-animation", "none");     $('#site-title, #site-description').css("animation", "none"); } 

reference