하나의 클래스를 다른 클래스로 페이드하기 위해 jQuery 사용하기

Question

클래스와 링크를 통해 클래스를 "마우스 오버"로 페이드 시키려고합니다. 그래서 호버 (hover) 효과를 나타 내기 위해 호버 클래스는 페이드 인해야합니다.

태그의 css 클래스에는 하나의 색상으로 그라디언트가 적용되고 다른 색상은 "호버"효과를 나타내는 다른 클래스에 적용됩니다.

나는 이것을 시도했지만 원하는 효과가 아니며 호버 클래스는 페이드 인/페이드 아웃을해야 정상 클래스가 먼저 사라집니다. 기능

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

Answer 1

시도 또한 그것은 또한 효과가 퇴색 보여 것 <a>의 호버에 .animate('opacity','0.5');
를 사용할 수 있습니다.

Answer 2

을 toggleclass 사용

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