Timeline Max question

[L.Lawliet]

I have one question, I'm trying to make Ajax call with some tween animation on successes.

 

tl = new TimelineMax();

          tl.to(".content", 2, {top:"-100%"} )

          .to(".content", 2, {top:"0%"})

after first     tl.to(".content", 2, {top:"-100%"} ) i want to do $("content").html(data) but it puts data right away i tried delay i tried callback all the same. Any workaround?

I tryed reading docs and still i didn't get it.

[Carl]

If you want to use a timeline to control when text appears in an HTML element our TextPlugin is perfect for that.

 

demo: http://codepen.io/GreenSock/pen/itnEl

 

Be sure to load the TextPlugin from your local src or CDN: https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/TextPlugin.min.js

[L.Lawliet]

It's not just text it's data, is there any way i can use tween line and eliminate jquery, or some function?

[Carl]

You can put any string value in there.

var data = "something " + someOther value

tl.set("#someElement", text:data});

[Carl]

or you can add a callback and have it do whatever you like at any time

 

http://codepen.io/GreenSock/pen/doXdbj?editors=001

[L.Lawliet]

My bad worked like a charm