JQuery - анимация

Question

можно ли сделать анимацию из одного класса в другой?

Я нашел функцию animate , но она принимает только параметры css, а не стили css Например, я хочу что-то вроде этого:

$(this).animate( 'StyleTo', 'slow' );

Спасибо.

Answer 1

Вы можете иметь этот эффект, используя jQueryUI: см .: jQueryUI анимировать в класс
или см .: http://james.padolsey.com/demos/animateToSelector/

Но:
к сожалению, это только если вы хотите применить этот переход к родительскому уровню, но это не повлияет на стили детей (чтобы оживить их, когда они (медленно) становятся новым ребенком / внуком нового класса).

Например, если вы хотите анимировать переход от списка к сетке, это вам не поможет, так как он будет анимировать только родительские стили к своим собственным новым стилям, а не к дочерним.

Существуют некоторые действительно продвинутые решения, расширяющие эту jQueryUI animate до функциональности класса, которая должна зацикливать все изменения стиля детей и анимировать их в соответствии со своими новыми стилями классов.

Answer 2

нет, вы не можете анимировать из класса в класс в базовой jQuery без использования плагина.