jquery - 如何使用 jquery 反转 css 动画？

Question

我已经修改了一个 css 汉堡包动画以适合我的代码，现在我无法让 css 动画在第二次单击关闭菜单时反转。你可以在网站上看到这里发生了什么 http://schipperbros.com (您必须将浏览器的大小调整为 767px 才能显示汉堡包图标，以便看到我上面提到的内容)。

感谢您的帮助!

    <a class="icon"> 
             <button class="c-hamburger ">
                <span>toggle menu</span>
              </button>
     </a>

JS

function togglescroll () {
  $('body').on('touchstart', function(e){
  if ($('body').hasClass('noscroll')) {
   // e.preventDefault();
  }
 });
}

$(document).ready(function () {
togglescroll()
$(".icon").click(function () {
    $(".mobilenav").fadeToggle(500);
    $(".c-hamburger").toggleClass("c-hamburger--htx is-active");
    $("body").toggleClass("noscroll");
    $("body").toggleClass("modal-open");
});
});

$(document).keydown(function (e) {
if (e.keyCode == 27) {
    $(".mobilenav").fadeOut(500);
    $(".c-hamburger").removeClass("c-hamburger--htx is-active");
    $("body").removeClass("noscroll");
}
});

Answer 1

我相信你可以把第二个函数改成

.click(fucntion() { ....

删除 if 语句，它应该可以工作。

**请注意，如果我有代表的话，我会将其作为评论发布。