jQueryの幅アニメーション

Question

後、私は.span3の幅に合わせて、流体.span12から<section>の幅の減少をアニメーション化していますwidth属性を削除します。私は現在、それをされてやっている方法 ：

$('#searchPanel').animate({width: '23.404255317%'}, 400); 
$('#searchPanel').removeClass('span12'); 
$('#searchPanel').addClass('span3'); 

問題は、アニメーションに設定された幅が.span3のクラスをオーバーライドされています。何が起こっている反応のあるものを台無しにしている。

は、どのように私はそれをアニメーション化した後、その幅を取り除くのですか？私はjqueryのUIが.switchclass持っていることを知っているが、私は

はありがとう...私はちょうどダムの方法でこれをやっていると、このようなことを行う方法を知っておくべきと思っています！

更新： それが最善の解決策ではないかもしれませんが、私はそれがコールバックを追加し、「スタイル」属性を削除することで動作するようになった：

$('#searchPanel').animate({width: '23.404255317%'}, 400, 'swing', function() { 
    $(this).removeAttr('style').removeClass('span12').addClass('span3'); 
}); 

Answer 1

あなたは

$('#searchPanel') 
.animate({width: '23.404255317%'}, 400) 
.removeClass('span12') 
.addClass('span3') 
.removeAttr('width'); 

を試してみましたまた、要素$（ '＃のsearchPanel」）のために一度だけ検索し、他の方法をチェーンに覚えている。