jQuery触发菜单上的fadeIn和fadeOut

VegaStudios

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

// Main Script For Ciel Viole

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

触发汉堡菜单时,我希望菜单链接淡入,然后在菜单关闭时淡出。我对此非常陌生,据我所知。如何在第一次单击菜单时收听事件以触发淡入淡出,并在第二次单击菜单时淡出?

杰夫·梅克斯(JF-Mechs)

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

我刚刚用以下代码更新了您的代码:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery Chrome上的fadeIn fadeOut“闪烁”,在FireFox和IE上工作正常

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

jQuery fadeOut和SlideUp,然后fadeIn和SlideDown

来自分类Dev

jQuery FadeIn和FadeOut后台命令

来自分类Dev

jQuery fadeOut和fadeIn背景图片

来自分类Dev

Fadein和Fadeout停止jquery函数正常工作

来自分类Dev

成功使用fadeIn()和fadeOut()

来自分类Dev

jQuery hide()和fadeOut(),show()和fadeIn()之间的区别

来自分类Dev

启用了UserInteraction的FadeIn和FadeOut UISlider

来自分类Dev

jQuery UI-ContextMenu触发菜单上的文本选择

来自分类Dev

与CSS中的过渡同时使用jQuery中的fadeIn和fadeOut

来自分类Dev

Xamarin上的FadeIn / FadeOut背景颜色动画

来自分类Dev

jQuery fadeIn和fadeOut将img放在顶部

来自分类Dev

使fadeIn和fadeOut效果在jquery中顺利工作

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

jQuery fadeOut和SlideUp,然后fadeIn和SlideDown

来自分类Dev

使用jQuery fadeIn()和fadeOut()的正确方法是什么?

来自分类Dev

fadeIn()和fadeOut()innerhtml

来自分类Dev

jQuery fadeIn()和fadeOUt()毫不延迟

来自分类Dev

在setTimeout上使用fadeIn fadeOut吗?

来自分类Dev

如何从<div>元素触发jQuery fadeIn()fadeOut()

来自分类Dev

jQuery fadeIn / fadeOut而不是fadeToggle

来自分类Dev

jQuery的FadeOut,Load和FadeIn

来自分类Dev

仅使用CSS的jQuery链接,fadeIn和fadeOut

来自分类Dev

从页面的iframe触发菜单控件的Page_Load

来自分类Dev

从组件外部反应触发菜单?

来自分类Dev

在OOP(JS和jQuery)中构建一个滑块,fadeIn()和fadeOut()有问题

Related 相关文章

热门标签

归档