Question

我创建了这个幻灯片菜单，由一个按钮激活。我使用toggle（）;要做到这一点。但是，我需要两个CSS效果：fadeIn和fadeOut。所以，我把addClass（）;解决问题。 Sucess！但我无法做同样的事情来退回菜单。例如：单击按钮并添加FadeIn类。菜单出现。然后，您必须再次单击相同的按钮，删除fadeIn类并添加fadeOut类。

这是我的实际代码：

$(function(){
  $('.menu-btn').click(function(){
     $('.leftmenu').toggle(); 
     $('.leftmenu').addClass('fadeInLeft animated');

  });



});

这是我的工作示例http://jsfiddle.net/N8S9y/

任何帮助将不胜感激。提前谢谢！

Answer 1

我认为您正在寻找 .toggleClass() ：

$('.leftmenu').toggleClass('FadeIn fadeOut');

Answer 2

这对你有用

$(function(){ $('.menu-btn').click(function(){ $('.leftmenu').toggle(); if($('.leftmenu').hasClass('fadeInLeft')) { $('.leftmenu').removeClass('fadeInLeft').addClass('fadeOut'); }
其他 {

     $('.leftmenu').removeClass('fadeOut').addClass('fadeInLeft');
  }

}）;

}）;`

切换单击，使用Js添加删除类

2 个答案: