CSS转换与jquery无法正常工作

Question

我有一个jquery函数，它将一个类添加到div中，以隐藏它

jQuery(document).ready(function() {
    jQuery('.control').click(function() {
        jQuery('.mob-nav').toggleClass('hide');
    });
});

这很好用，但现在我想使用CSS添加一个转换。所以，我用了

.hide { 
    -webkit-transition: all 2s cubic-bezier(0.04, 0.87, 0, 0.96);
    display: none;     
}

但它只是赢了工作。我尝试从一开始就将过渡添加到div。也尝试了整个身体，它没有做任何事情。

Answer 1

显示无法转换。您可以改用此方法：

jQuery('.mob-nav').hide(2000)

hide()的参数是以毫秒为单位的转换时间。 如果您不想使用hide()，请查看以下答案： Transitions on the display property