私は問題を抱えてい.slideup()
ます.slideDown()
次のJSFiddleをご覧ください:http://jsfiddle.net/7se2r/4/
行が表示されたり消えたりしていますが、上下にスライドするアニメーションが表示されていません。私が間違っていることについての手がかりはありますか?
私は問題を抱えてい.slideup()
ます.slideDown()
次のJSFiddleをご覧ください:http://jsfiddle.net/7se2r/4/
行が表示されたり消えたりしていますが、上下にスライドするアニメーションが表示されていません。私が間違っていることについての手がかりはありますか?
「tbody」では、.show( "slow")と.hide( "slow")を使用できますが、スライドアニメーションは実行できません。
たとえば、「div」で試してみると、スライドが機能します。
また、要素にCSSトランジションが設定されていないか、すべての要素にグローバルに設定されていないかを確認してください。これはあなたのアニメーションを台無しにします:
* {transition: all 0.1s ease;}
div
の内部にレイヤーを作成し、td
代わりにそれをアニメーション化すると実行できます。div
テーブルを作成するときにプログラムでsを追加するのは難しくありません。
デモ: http: //jsfiddle.net/jpillora/wU7RV/
テーブルの一部の寸法の設定は最小寸法としてのみ使用されるため、テーブルのセクションはすぐにフルサイズで表示され、高さのアニメーションは効果がありません。
Tbodyをアニメートすることはできません。Tbodyの高さを制限してみてください。そうすれば、高さが変わらないことがわかります。