Let's say I have a CSS class for each of two possible states of an element. Now I want to animate from state X (".state-x {width:100%}") to state Y "(.state-y {width:50%}").
Is it possible to get the CSS definitions of ".state-y"? I suppose "$('.state-y').css('width')" doesn't work when there is no element in the DOM with this class. Of course I could define the CSS of these classes in a javascript variable but I need them in the CSS anyway (nonscript version) and I don't want to have to change it in both the CSS and JS if needed...