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

您需要包括jQuery UI库，以便在toggleClass函数上使用duration。

Answer 2

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

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