Fade Toggle Animate 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, но это не имело никакого эффекта.

Может быть, есть кто-то, у кого есть идея?

Maiskolben