JQuery在菜单上触发fadeIn和fadeOut

Question

演示 - https://jsfiddle.net/jhhpLapv/1/// Main Script For Ciel Viole$(document).ready(function() {   $('.client-link').click(function() {           $('.navbar').slideToggle("fast");   });});当触发汉堡菜单时，我希望菜单链接到淡入淡出，然后在菜单关闭时逐渐淡出。我对此非常陌生，就我所知。如何在第一次单击菜单时听取事件触发淡入淡出，并在第二次单击时淡出淡出？

Answer 1

这是您可以尝试的一种方式。工作小提琴

我刚刚更新了你的代码：

$(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");
    }
  });});

Answer 2

应该管用：

$(document).ready(function() {
  $('.client-link').click(function() {
      if($('.navbar').is(':visible')){
        $('.navbar').fadeOut("fast");
      }else{
        $('.navbar').fadeIn("fast");
      }
   });});