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库才能在duration函数上使用toggleClass。

Answer 2

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

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