jquery - 面白い .toggleClass()

Question

私は1秒のアニメーションでかなり単純な .toggleClass() を使用しています。アニメーションを除いて、すべて正常に動作します。これは本当に面白いと思います。

私のフィドルを見てください！

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