每次单击时都应该运行简单的 jQuery 动画，而不仅仅是一次

Posted 2023-05-08

【中文标题】每次单击时都应该运行简单的 jQuery 动画，而不仅仅是一次

【英文标题】：Simple jQuery animation should run every time I click, not only one time

【发布时间】：2017-10-11 08:29:50

【问题描述】：

就像在 ropie 中一样，我希望在每次点击时运行简单的 jQuery 动画，而不仅仅是第一次。同样，当我们再次单击以关闭菜单时，这应该显示具有相同动画的不透明度 0。切换不起作用。

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

【问题讨论】：

由于不透明点击停止工作

【参考方案1】：

您可以尝试使用 JQuery fadeToggle 函数：http://api.jquery.com/fadetoggle/

所以您的代码将如下所示：

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

【讨论】：

好的，但是 toggleClass('visible') 呢？这也必须打开:)