mootools を使用したアニメーション削除に関するDavid Walsh チュートリアルからコードを借りています。
テーブルの行で Mootools FX.slide を使用すると、行が水平方向に折りたたまれてから上にスライドしますが、これは望ましい効果ではありません。
ご覧になりたい場合は、ここにフィドルがあります- http://jsfiddle.net/gNvvT/
この効果を、左に折りたたんでから上に折りたたむのではなく、垂直方向にスムーズにスライドさせるにはどうすればよいですか?
ありがとう！
これは、TR実際のブロックスタイル要素ではなく、display: table-row（iirc）であるためです。
クラスには、Fx.Slide実際には、溶解しているように見せるために使用しようとする2つのトリックがあります。基本的には次のとおりです。
次に、要素の高さを操作して小さくすることができます。
ジャンプは表示/オーバーフローを変更するときに発生し、テーブルを折りたたむとすべてがおかしくなります。
フェードや、可能な場合はスケール変換など、別の方法を検討する必要があります。
残念Fx.Slideながら、テーブルの行では機能せず、ブロック要素でしか機能しません。
ディミタール・クリストフがあなたに言ったように。
この問題を回避するためにフィドルを修正しました。あなたが投稿したコードから、あなたは Mootools をかなり実践しているように見えるので、コードにいくつかコメントを書きました。きっとコツがつかめます。
実際のアプリケーションで動作するかどうか教えてください!
編集。以前のテストで残した役に立たないコードがいくつかありました。私はそれを削除し、フィドルの URL を更新しました。