每次单击时都应该运行简单的 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();
    });
});