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

我建议您尝试this

编辑：我刚才意识到使用fadeIn（）更好，试试这个：

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

});

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

1 个答案: