css - jQuery UI addClass method not animating visibility? -
one of helpful features of jquery ui hijacking of jquery addclass
method, adding animation support including second 'duration' parameter, so:
$('div').addclass('someclass', 1000);
for incoming css properties color
, background-color
, width
, height
etc, works fine.
but transitions visibility:hidden
-> visibility:visible
, display:none
-> display:block
not gracefully fade in expect them to. wait until duration complete , appear when class added.
i'm sure, in past, i've seen graceful transitions these css types in jquery ui. else know if is/has been possible?
i'm aware of fadein
, fadeout
methods, along animate
method, i'm looking give more precedence stylesheets, instead of having overload scripts style animation logic.
i know css3 transitions well, i'm looking better-supported approach.
display
, visibility
not have transitionable states - either on (you can see element) or off (you can't see element).
if want fade in, have use opacity.
Comments
Post a Comment