簡單的jQuery動畫應該在每次點擊時運行，不僅僅是一次

Question

就像在ropie中一樣，我想要簡單的jQuery動畫運行，而不是每次點擊，而不是第一次。另外，當我們再次點擊以關閉菜單時，它應該顯示具有相同動畫的不透明度0。切換不起作用。

$(document).ready(function() { 
    $('#menu-open').click(function() { 
    $(this).toggleClass('open'); 
    $('nav').toggleClass('visible').animate({opacity: '1.0'}, 400); 
    }); 
}); 

Answer 1

您可以嘗試使用JQuery fadeToggle功能：http://api.jquery.com/fadetoggle/

所以，你的代碼看起來就像這樣：

$(document).ready(function() { 
    $('#menu-open').click(function() { 
     $(this).toggleClass('open'); 
     $('nav').fadeToggle(); 
    }); 
});