jQueryを使用してあるクラスを別のクラスにフェードする

Question

クラスを持つリンク上で、クラスを「ホバー」としてフェードしようとしています。 です。ホバー効果を表現するために、ホバークラスはフェードインする必要があります。

aタグのmy cssクラスには、1つの色でグラデーションが適用され、「ホバー」エフェクトを表す他のクラスは、異なる色グラデーションが適用されます。

私はこれを試しましたが、希望の効果ではありません。通常のクラスが最初に消えることなく、ホバークラスがフェードインとフェードアウトする必要があります。

$("a").hover(
      function() { 
       $(this).fadeOut(function() { 
        $(this).removeClass("btn").addClass("btn2").fadeIn('fast'); 
       }); 
      }, 
      function() { 
       $(this).fadeOut(function() { 
        $(this).removeClass("btn2").addClass("btn").fadeIn('fast'); 
       }); 
      } 
     ); 

Answer 1

は機能

$("a").hover(
      function() { 
       $(this).fadeInOut(function() { 
        $(this).toggleClass('btn btn2'); 
       }); 
      }, 
      } 
     ); 

Answer 2

をtoggleclass使用してみてくださいまた、それはまた、効果をフェージング表示されます<a>のホバーに.animate('opacity','0.5');
を使用することができます。