jQuery slow squishesテーブル

Question

jQueryを使用して、テーブル内の行を非表示にしています。ここで

は私jsFiddleです：あなたが質問をクリックすると、答えはでスライドが、それは質問をsquishesことhttp://jsfiddle.net/Nbf75/5/

注意してください。 アニメーションを設定しないでアニメーションを設定しても、アニメーションが必要です（必ずしもあらかじめ設定されたスローアニメーションではありませんが、アニメーションがスムーズにアニメーション化されます）。

アニメーションを取得するにはどうすればよいでしょうか？

編集：これは、Chromeで起こるが、Firefoxは、だけではなく、ショーや非表示のフェードアウトとフェードインを使用してまだ他のブラウザで

Answer 1

これは、レンダリングエンジンは、テーブルのセルをどのように扱うかのアーティファクトです。 divの答え（td内）をラップし、その上で直接操作することで回避できます。divtdは（自動的にサイズ調整されるので）スーツに従い、効果はすべてのブラウザで同じになります。

See it in action。

Answer 2

をテストしていないではありません。あなたは押しつぶされることなく希望の効果を達成します。

例：

$('table tr td.question').toggle(function() { 
    $($(this).parent('tr').next('tr').children('.answer')).fadeOut('slow'); 
}, function() { 
    $($(this).parent('tr').next().children('.answer')).fadeIn('slow'); 
}); 

http://jsfiddle.net/Nbf75/10/