jquery - animation

Question

Puis-je faire de l'animation d'une classe à l'autre?

J'ai trouvé animer fonction, mais il ne prend que des paramètres css, pas css-styles. Par exemple, je veux quelque chose comme ceci:

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

Merci.

Answer 1

non vous ne pouvez pas animer d'une classe à une classe dans la base jQuery sans utiliser un plugin.

Answer 2

Vous pouvez avoir cet effet en utilisant jQueryUI: voir: jQueryUI animate to class
ou voir http://james.padolsey.com/demos/animateToSelector/

Mais:
Malheureusement, c'est que si vous voulez appliquer cette transition vers la société mère level, mais cela n'affectera pas les styles enfants (pour les animer car ils deviennent (lentement) un nouvel enfant/petit-enfant de la nouvelle classe). Par exemple, si vous voulez animer le passage de la liste à la grille, cela ne vous aidera pas, car il n'animera que les styles des parents à ses propres nouveaux styles, pas ses enfants.

Il existe des solutions vraiment avancées pour étendre cette fonctionnalité jQueryUI animate to class, qu'il faut boucler tous les changements de style des enfants et les animer aussi bien dans ses nouveaux styles de classe.