Using greensock to change classes without tweening styles
First off I just want to say how much I'm enjoying the new javascript platform: it's certainly made a hard job easy
I'm using css:className for some of my tweens, and while it's working really well, it would be ideal in my situation to just have the timeline manage class changes but not actually animate the style transitions.
My use case:
I would like to change a few different styles of an element at once, hence the classes, but I don't necessarily want tranisition animations on all of
Something like this would probably perform best:
var target = $('#target')[0];
var highlight = $('#highlight')[0];
var timeline = new TimelineMax({paused:true});
timeline.call(addClass, [highlight, "on"], null, 1);
timeline.call(removeClass, [highlight, "on"], null, 1);
timeline.play();
function addClass(element, cls) {
element.className += " " + cls;
}
function removeClass(element, cls) {
element.className = element.className.split(cls).join("");
}
The slight glitch you we