jQueryのアニメーションテーブルのtbodyタグ

Question

私が働くこのコードを持っています。私はこれを試しましたが、少し遅れてもトップコードと同じです。おそらく私が設定した半分の秒の持続時間でしょう。

$('a.click_more').click(function() { 
     $(this).parents('table.city_table').children('tbody').animate({height:'toggle'}, 500); 
    }); 

テーブルの行、セル、列などをアニメーション化したり、何か提案がありましたか？

誰でもコードをいじっしようとしている場合、私はjsfiddleを作成しました：あなたはあなたがトランジションの種類を言及していないとして

$('a.click_more').click(function() { 
    $(this).parents('table.city_table').children('tbody').slideToggle('slow'); 
}); 

Answer 1

はslideToggle()機能を試してみてください探して、それはあなたに良い例を与えることは難しいです。しかし、jQueryはすぐに使用できるようにいくつかの移行を提供します。たとえば、.fadeToggle()を使用して/ out内の要素をフェードインするか、または.slideToggle()を使用して、ブロックとなしの間で表示を切り替えるだけの.toggle()ではなく、要素を上下にスライドさせることができます。

Answer 2

：http://jsfiddle.net/BHqSM/1/

Answer 3

テーブルの要素はアニメーションがうまく動かず、周りを回っていません。たとえば、行をアニメーション化する唯一のスムーズな方法は、divの内部TDコンテンツをラップし、divをアニメーション化することです。