有趣的.toggleClass()

Question

我使用了一些非常简单的.toggleClass()函数，动画为1 second.Everything，除了动画之外，效果都很好。我觉得这真的很有趣。

看看我的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;
          });
        });