jquery - フェードトグルアニメーション addClass

Question

私はこのフォーラムに不慣れで、トグルまたは addClass 値のフェード/アニメーション化について質問があります...

これが私のjQueryです：

var $j = jQuery.noConflict();

 $j(function(){
     $j(".fitsize").toggle(function() {
         $j(".hgwrapper").addClass("wrapperfit"); 
         $j(".hgwrapper").removeClass("hgwrapper");
         $j(".imageholder").addClass("holderfit");
         $j(".imageholder").removeClass("imageholder");
         $j(".hg").addClass("fit", 500);
         $j(".hg").removeClass("hg");
     },
     function() {
         $j(".wrapperfit").addClass("hgwrapper");
         $j(".wrapperfit").removeClass("wrapperfit");
         $j(".holderfit").addClass("imageholder");
         $j(".holderfit").removeClass("holderfit");
         $j(".fit").addClass("hg", 500);
         $j(".fit").removeClass("fit");
     });
 });

ここでライブを見ることができます: http://entwicklung.elvividor.com .

このcssクラスの変更をアニメーション化する方法があるかどうか、誰かが私の質問に答えてくれたら本当にありがたいです。css でトランジションを作成しようとしましたが、これは効果がありませんでした。

たぶん、アイデアを持っている人がいますか？

マイスコルベン