jquery - 有趣的 .toggleClass()

Question

我正在使用一些非常简单的 .toggleClass() 动画为 1 秒。一切正常，除了动画。我觉得这真的很有趣。

看我的小提琴！

$(function(){

 $('#main_button').click(function(){
 $('#one, #two, #three, #four').toggleClass("width", 1000);
 return false;
});
});

Answer 1

JQuery UI 扩展了 toggleClass 以允许动画，但默认的 JQuery .toogleClass() 不会动画。您需要在小提琴中包含 JQuery UI。

Answer 2

$(function(){

 $('#main_button').click(function(){
 $('#one, #two, #three, #four').animate({'width' :'toggle'}, 1000);
 return false;
});
});

Answer 3

$(function(){

         $('#main_button').click(function(){
         $('#one, #two, #three, #four').slideToggle({'width' :'toggle'}, 
        1000);
          return false;
          });
        });