demo

Question

我有h1 button，标签为click to toggle，类名为clickMe，我想要它！当我点击click to toggle它添加类示例active类时，我可以将其设置为与class clickme不同的样式，这是我的默认样式，当我再次单击该类时自动删除。我尝试自己，但不幸的是，我没有运气让它成功。下面的 js代码与演示是我当前的修订版。

这是我的 DEMO

(function($) {
    $(function() {
        $('.clickMe').click(function () {
                  $('.content').slideToggle('2000', function () {
                      // Animation complete.
                  });
              });
        $('.clickMe').addClass('active').removeClass('active');
    });

})(jQuery);

Answer 1

你必须使用toggleClass（）。

我改变了你的代码

demo

<强> jquery的：

(function($) {
    $(function() {
        $('.clickMe').click(function () {
            $('.content').slideToggle('2000', function () {
                // Animation complete.
            });
            $(this).toggleClass('active');
        });
    });

})(jQuery);

Answer 2

你有没有尝试过：

(function($) {
    $(function() {
        $('.clickMe').click(function () {
                              $('.content').slideToggle('2000', function () {
                      // Animation complete.
                  });
                    $('.clickMe').toggleClass('active');
              });
    });

})(jQuery);

.addclass点击！然后再次点击！ .removeclass - jquery

2 个答案:

demo