Добавление появления или исчезновения в событии 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>

Итак, на данный момент все работает нормально, но я хотел бы добавить действие постепенного появления, когда addclass, и постепенное исчезновение, когда removeclass, который я пробовалCSS использует

 -webkit-transition: all 0.5s ease;

Но это не работает.

Answer 1

Я рекомендую вам попробовать это

редактировать: я понял, что сейчас лучше использовать fadeIn (), попробуйте это:

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

});