首頁猿問 JQuery在菜單上觸發(fā)fadeI...

JQuery在菜單上觸發(fā)fadeIn和fadeOut

JavaScript

慕田峪4524236 2019-04-11 14:15:01

演示 - https://jsfiddle.net/jhhpLapv/1/// Main Script For Ciel Viole$(document).ready(function() { $('.client-link').click(function() { $('.navbar').slideToggle("fast"); });});當觸發(fā)漢堡菜單時，我希望菜單鏈接到淡入淡出，然后在菜單關閉時逐漸淡出。我對此非常陌生，就我所知。如何在第一次單擊菜單時聽取事件觸發(fā)淡入淡出，并在第二次單擊時淡出淡出？

查看完整描述

3 回答

飲歌長嘯

TA貢獻1951條經(jīng)驗獲得超3個贊

這是您可以嘗試的一種方式。工作小提琴

我剛剛更新了你的代碼：

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

反對回復 2019-05-08

元芳怎么了

TA貢獻1798條經(jīng)驗獲得超7個贊

應該管用：

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

反對回復 2019-05-08