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