Как в GSAP отменить добавленные стили после анимации?

Question

[Александр]

Здравствуйте. Пробую использовать библиотеку GSAP для анимации в слайдере Flexslider. Вот пример того что происходит тут. Анимация происходит, когда появляется определенный слайд, к которому добавляется class="flex-active-slide", но после того как этот класс убирается, примененные стили анимации не убираются. Собственно вопрос: как убрать примененные стили для анимации после смены слайда?
PS: вариант с добавлением

before: function(){
	   TweenMax.to('.flex-active-slide .animate-block',  {top:0});
           TweenMax.to('.flex-active-slide .animate-block2',{top:0, left:0});
   },

я рассматривал, но тут он добавляет также стили , а надо их убрать вообще.

Answer 1

[Никита Баев]

Может очищать style?
Либо использовать метод fromTo:

Timeline.fromTo('.flex-active-slide .animate-block', 200,
        {autoAlpha: 0, y: -50}, 
        {autoAlpha: 1, ease: Elastic.easeOut.config(1.0, 0.5), y: 0},
      );

Comments

[Александр]

Что то в этом есть...
before: function(){
$('.flex-active-slide .animate-block').removeAttr('style');
$('.flex-active-slide .animate-block2').removeAttr('style');
},
примерно так?

[Никита Баев]

Александр: Да. А вам нужно вообще с нулевых стилей потом начинать анимировать? По идее можно использовать метод fromTo из GSAP

[Александр]

Никита Баев: А как не подскажите? Просто вставить fromTo конечно же не получается.

[Никита Баев]

Александр: вот документация: greensock.com/docs/#/HTML5/GSAP/TweenMax/fromTo ; Пример кода сейчас в ответе напишу.

[Александр]

Никита Баев: Спасибо, я прочитал документацию)
TweenMax.fromTo('.flex-active-slide .animate-block', 3, {top:10}, {top:300, delay:3});
после перемещения, он возвращает на первую заданную позицию. По идее вопрос должен быть исчерпан. Спасибо вам за помощь!

[Александр]

Никита Баев: Вот еще вариант
TweenLite.set([all_your_elements], {clearProps:"all"});
all_your_elements - все селекторы вручную прописывать

Answer 2

[Андрей]

Очищать стили по событию transitionend
Обратите внимание, что юзать его следует кроссбраузерно:

transitionend
webkitTransitionEnd
oTransitionEnd