javascript - JQuery在菜单上触发fadeIn和fadeOut

标签 javascript jquery html css

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

// Main Script For Ciel Viole

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

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

最佳答案

这是您可以尝试的一种方法。 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");
    }
  });
});

关于javascript - JQuery在菜单上触发fadeIn和fadeOut,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36439255/

相关文章:

javascript - 过渡延迟 Angular 为4,使用ngFor

javascript - Angular 单元测试 : unable to change property value after DOM click

javascript - 我的递归函数在哪里出错?

html - 框大小边框出现在悬停内容移动

javascript - Math.floor(Math.random() * 255) 不会产生不均匀的概率吗?

jQuery 插件来突出显示源代码

javascript - 谷歌自定义搜索确定何时加载脚本

javascript - jQuery查找并替换脚本代码中的字符串,然后运行此脚本?

javascript - 从表的td使用onclick调用jquery函数

jquery - 单击图像按钮时工具提示保持可见