jquery toggleClass持续时间不工作

Question

我试图做一个简单的导航切换和一切工​​作，除了显示导航时的toggleClass函数的持续时间。任何人都可以提出不同的方法？

CSS：

.fs-nav { 
    display: none; 
} 

.fs-nav-active { 
    align-items: center; 
    background-color: rgba(0,0,0,.75); 
    display: flex; 
    height: 100vh; 
    justify-content: center; 
    position: absolute; 
    width: 100%; 
    z-index: 10; 
} 

的jQuery/JS：

$('.fs-nav-toggle').click(function() { 
    $('.fs-nav').toggleClass('fs-nav-active', 500); 
}); 

Answer 1

您需要包括为了在toggleClass功能使用duration jQuery UI的库。

Answer 2

jQuery的toggleClass没有持续时间参数。您应该使用jQuery UI中的toggleClass()作为用户提到的tilzor。

$(".fs-nav-toggle").click(function() { 
    $('.fs-nav').toggleClass('fs-nav-active', 500); 
});