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); 
});