如何用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语句，它应该可以工作。

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