addclass/removeclassイベントにフェードインまたはフェードアウトを追加

Question

私は初心者です。

私はaddclassとremoveclassイベントを作成しました：これはCSSで

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

を：

#wrapper a.hiding { 
    display: none; 
} 

そしてHTML：

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

だから、一瞬のために、それが正常に動作しますしかし、私はaddclassのときはフェードインのアクションを追加したいし、removeclassのときはフェードアウトしたいと思っています CSSで試してみた

-webkit-transition: all 0.5s ease; 

しかし、うまくいきません。私はあなたがthis

編集してみてくださいお勧めします

Answer 1

：私はフェードインを（使用してちょうど今実現）が優れている、これを試してみてください。

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

});