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
Post a Comment