javascript - Multiple CSS Animation alignment Issue -


i have been trying trigger 2 animations placed @ 2 different places simultaneously move them away each other via javascript - {{id}}.classname. animation begins, second element id - p2 displaces automatically original position before animation starts.

here codepen link. , yeah, i'm using bootstrap this.

can me out?

updated

you remove class values 2 divs when click on button.

so replace :

e2.classname = "pop2"; e1.classname = "pop1"; 

by :

e2.classlist.add('pop2'); e1.classlist.add('pop1'); 

that add new class (pop1 , pop2) others existing default (col-sm-7 , col-sm-5) , work perfectly.


Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -