addclass/removeclass 이벤트에 fade-in 또는 fade-out을 추가하십시오.

Question

저는 초보자입니다. 제발 괴롭히지 마십시오.

#wrapper a.hiding { 
    display: none; 
} 

그리고 HTML : 이것은 CSS입니다

$(".myclass").click(function(){ 
    $(".hiding").removeClass("hiding"); 
    $(this).addClass("hiding"); 
}); 

:

은 내가 addclass 및 removeclass 이벤트 만든 순간 그래서

<div id="wrapper"> 
<a class="myclass" href="#2"> 
    <img src=""> 
</a> 
</div> 

을, 그것을 잘 작동합니다 ,하지만 addclass 일 때 페이드 인 동작을 추가하고 removeclass 일 때 페이드 아웃을 추가하려고합니다. CSS를 사용해 보았습니다.

-webkit-transition: all 0.5s ease; 

그러나 작동하지 않습니다.

Answer 1

난 당신이 this

편집을 시도하는 것이 좋습니다 :

$(".myclass").click(function(){ 
    $(".hiding").fadeOut('slow', function() { 
     $(".hiding").removeClass("oldStuffHere"); 
     $(this).addClass("newStuffHere"); 
     $(this).fadeIn('slow', function() { 
      // Animation complete 
      }); 
     }); 

});