javascript - CSS transition not working properly in this case -
i'm trying figure out why css transitions aren't working properly. have class called visible
i'm using attempt fade in , fade element toggling. css is
ul.feature-points { list-style: none; width: 36%; position: absolute; top: 19%; left: 2.4em; padding-left: 0; opacity: 0; -webkit-transition: opacity 2s ease; transition: opacity 2s ease; } ul.feature-points.visible { opacity: 1; }
and lines of jquery attempt invoke transition are
retobj.$layer.show(); retobj.$layer.find('.feature-points').addclass('visible');
for reason, transition doesn't work when happens , i'm wondering if might have fact before i'm making 1 of it's ancestors show. maybe events conflicting in browser or something? tried in multiple browsers , same thing.
what's strange if think type in
$('.feature-points').toggleclass('visible');
repeatedly console can see these elements transitioning properly.
any ideas might going wrong?
Comments
Post a Comment