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 トランジションでも同様に機能することはわかっていますが、より適切にサポートされている方法を探しています。