Можно ли легко анимировать стили .classA и .classB?

Question

Есть ли способ анимировать в Jquery без указания каждого свойства?

Скажем:

.classA{
   color:red;
}
.classB{
   color:blue;
}

function animate(selector,classA,classB,time){
    styles1 = $(classA).invented_get_styles();
    styles2 = $(classB).invented_get_styles();
    $(selector).animate(styles1,styles2,time);
}

Почти весь этот синтаксис придуман, но я думаю, что то, что я спрашиваю, можно понять,

Можно ли анимировать из классов, извлекающих стили (автоматически), и применять их вместо знания (вручную) значений? или если нет, то как лучше ..

Answer 1

Вы можете сделать это с jQueryUI / switchClass , вам нужна только пользовательская сборка jQueryUI с включенным Effects Core - больше ничего, что составляет около 11k

Пример

$( ".element_to_be_animated" ).switchClass( "oldClass", "newClass", 1000 );