jQuery UI の便利な機能の 1 つは、jQueryaddClass
メソッドをハイジャックして、次のように 2 番目の「duration」パラメーターを含めることでアニメーションのサポートを追加することです。
$('div').addClass('someclass', 1000);
color
、background-color
、などの着信 CSS プロパティの場合width
、height
これはすべて正常に機能します。
visibility:hidden
しかし、 ->visibility:visible
やdisplay:none
->のようなトランジションdisplay:block
は、私が期待するように優雅にフェードインしません。それらは単に期間が完了するまで待ってから、クラスが最終的に追加されたときに表示されます。
過去に、jQuery UI でこれらの CSS タイプを使用した優雅な遷移を見たことがあります。これが可能であるかどうか、他の誰かが知っていますか?
fadeIn
メソッドとfadeOut
メソッドの両方を認識してanimate
いますが、スクリプトをスタイル アニメーション ロジックでオーバーロードするのではなく、スタイルシートをより優先したいと考えています。
CSS3 トランジションでも同様に機能することはわかっていますが、より適切にサポートされている方法を探しています。