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