클래스에서의 Jquery 페이딩

Question

fadeIn 메서드를 사용하여 클래스를 페이드 인시키는 방법이 있습니까? 내가 시도 ....

$(".ipv4val").removeClass("bad").fadeIn("slow")

.... 그러나 이것은에서 클래스를 퇴색하지 못합니다.

어떤 아이디어

감사합니다,

Answer 1

작업 데모 : http://jsfiddle.net/3g6rd/1/

HTML :

<div class="ip4val bad"></div>​

CSS

.ip4val{width:200px; height:200px;} .bad{background:#333;}​

jQuery를 :

$(".ip4val").click(function(){ 

    $(this).fadeOut('slow', function(){ 
     $(this).removeClass('bad') 
    }); 
});​ 

---------- 업데이트 -------

그냥 초점 입력의 국경을 페이드 아웃하려는 경우와의 추적 할 수없는 가망 CSS3.

작업 CSS 바이올린 :

http://jsfiddle.net/surendraVsingh/3g6rd/3

Answer 2

fadeIn() method의 목적 요소의 불투명도를 애니메이션화하는 것이므로 클래스의 추가 또는 삭제를 애니메이션으로 처리 할 수 ​​없습니다. animate() method을 사용하여 특정 CSS 속성을 애니메이션으로 만들 수 있습니다.