Jquery 如何获得addClass和removeClass动画的不同转换延迟时间？

使用addClass和removeClass，我有以下几点：

$("#sidebar-bottom-feature").addClass("display-none");

这将按预期淡入元素

然后，当涉及到更换元件时

$("#sidebar-bottom-feature").removeClass("display-none");

#sidebar-bottom-feature {
    border-radius: 0;
    border: 0;
    padding: 10px 40px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
    transform: 1s all;
    height: 80px;
    margin-bottom: -80px;
    background-color:#F1F1F1
}
.display-none {
    opacity: 0  
}

我希望淡出发生在

1s all

之后，但是淡出（removeClass）发生在3s延迟之后。如果将：

3s all

添加到

display none

中，则会将3s延迟添加到

addClass

和

removeClass

我怎么能有不同的时间

我确实尝试添加另一个类，而不是删除，然后在旧类转换后删除它，但是转换延迟时间没有变化

任何指导都会受到极大的欢迎

你可以利用

你也可以利用

如果使用“显示和隐藏”，则甚至不需要添加类：

$("#sidebar-bottom-feature").delay(1000).hide(0);
$("#sidebar-bottom-feature").delay(3000).show(0);

$("#sidebar-bottom-feature").delay(1000).hide(0);
$("#sidebar-bottom-feature").delay(3000).show(0);