在addclass/removeclass事件中添加淡入或淡出

Question

我是初學者，請不要粗暴對待我。

我創建了一個addclass和removeclass事件：

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

這是CSS：

#wrapper a.hiding { 
    display: none; 
} 

和HTML：

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

所以，就目前而言，它工作正常，但是我想在添加類時添加淡入操作，在刪除類時刪除淡入操作 我嘗試了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 
      }); 
     }); 

});