jquery - 如何用jQuery反转CSS动画？

我已经修改了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");
}
});

最佳答案

我相信您可以更改第二个功能，所以它是一个

.click(fucntion() { ....

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

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