Javascript 使用addClass进行jQuery切换

我使用的代码是，单击一个div，它会将一个类添加到另一个类中

$("#mydiv").click(function() {

    $('#div').toggle();
    $('#div').addClass('animated bounceInDown');

});

我需要做的是将其集成到切换中，当我第一次单击时，我添加类'animated bounceInDown'，当我第二次单击时，我将这些类替换为'animated bounceInUp'

我该怎么做？

试试这个：

$("#mydiv").click(function() {
  //toggle the class on the current button
  //just to keep the state
  var mydiv = $(this).toggleClass("toggled");

  $('#div')
    .addClass('animated')
    .toggleClass(function() {
    //depending on the state of #mydiv, return
    //different classes
      return mydiv.hasClass("toggled")
        ? 'bounceInDown' 
        : 'bounceInUp' 
  });
});

---

你的意思是？使用一个计数器，每次点击都增加它，检查计数器是否是奇数

做这个

否则

做那个

哦，我没有意识到有一个toggleClass:/@Satch3000，它可以与多个类一起工作，

第二个

参数作为

状态

就像那样，但有一点扭曲。。。当我单击一次时，我也会使div隐藏/显示。。。。所以，第一次单击=显示并添加someclass，第二次单击=隐藏并添加SomeOtherClass为什么要使用

mydiv

变量？不管怎样，正如我所看到的，这将删除

已设置动画的
类，而该类不会设置元素的动画@A.Wolff。。。没有动静发生here@A.Wolffim缓存mydiv以获取其在toggleClass闭包中的“状态”（并将其用作状态存储，添加/删除“toggle”类）@Satch3000 try now，之前意外添加了“animate”类。但是我不确定你设置动画的方法是否正确。不过，代码的工作原理与预期相同。