有趣的.toggleClass（）

Question

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

看看我的fiddle！

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