fadein - 在addclass/removeclass事件上添加淡入或淡出

我是初学者，请不要对我粗暴。

我创建了一个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>

因此，目前，它工作正常，但是我想在addclass时添加一个淡入操作，在removeclass时添加一个淡入操作
我尝试使用CSS

 -webkit-transition: all 0.5s ease;

但这不起作用。

最佳答案

我建议您尝试this

编辑：我意识到刚才使用fadeIn（）更好，请尝试以下操作：

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

});