javascript - JQuery 在菜单上触发淡入淡出

Question

演示 - https://jsfiddle.net/jhhpLapv/1/

// Main Script For Ciel Viole

$(document).ready(function() {
  $('.client-link').click(function() {
          $('.navbar').slideToggle("fast");
  });
});

触发汉堡菜单时，我希望菜单链接淡入淡出，然后在菜单关闭时淡出。我对此很陌生，据我所知。如何监听第一次点击菜单淡入淡出，第二次点击淡出的事件？

Answer 1

这是您可以尝试的一种方法。 Working Fiddle

我刚刚更新了您的代码:

$(document).ready(function() {
    var $navbar = $('.navbar');
  $('.client-link').click(function() {
    if (!$navbar.hasClass("active")) {
        $navbar.fadeIn("slow").addClass("active");
    }
    else {
        $navbar.fadeOut("slow").removeClass("active");
    }
  });
});