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

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -