Javascript jQuery'；s滑动函数与CSS动画冲突

我试图在元素上使用slideUp和slideDown函数，但在同一元素上应用CSS动画时，似乎存在冲突。

在上面的例子中，我在悬停时使用了CSS转换，但似乎与jQuery的函数有冲突 唯一可行的方法是在滑动之前删除类

.buggy{
        -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

---

只需将css.buggy中的所有内容更改为背景

.buggy{
        -webkit-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -moz-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -ms-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -o-transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: background 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}