jquery - jQuery - addClass/removeClass をアニメーション化できますか

Question

CSSプロパティを個別にアニメーション化するのではなく、これを行う方法はありますか?

Answer 1

jQuery UI エフェクト クラス API を使用できます。

http://docs.jquery.com/UI/Effects/ClassTransitions

クラス移行について詳しくはこちらをご覧ください。

switchClass というメソッドがあります

スイッチクラス

switchClass メソッドを使用すると、あるクラスから別のクラスに視覚的に移行できます。(この機能は、「animateClass」と呼ばれることがよくあります。)

それの使い方 ？(ページ自体の例)

$(elem).switchClass('currentClass','newClass',500,'easeOutBounce',function(){
  console.log('transition is done!');
});