jQuery用addClass切换

Question

我正在使用此代码，您点击div并将其添加到另一个。

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

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

});

我需要做的是将它集成到切换中，当我点击第一次添加类＆＃39;动画bounceInDown＆＃39; 时，当我点击第二次时我更换那些具有＆＃39;动画bounceInUp＆＃39;

的课程

我该怎么做？

Answer 1

试试这个：

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