JoeH Posted May 12, 2020 Share Posted May 12, 2020 Hi all, I had this working previous but for some reason it won't anymore, I'm completely stuck on what is wrong with it. I am basically just starting a reversing a timeline on mouse in and mouse out. The error is "TypeError: logoBreak.start is not a function" Here is my code, thanks for any help. $(function () { var broken_1 = { x: 2 , y: -8, rotation: -10 }, broken_2 = { x: -2 , y: 8 }, broken_3 = { x: 8 , y: -8, rotation: 8 }, broken_4 = { x: -5 , y: 0, rotation: -6 }, broken_5 = { x: 3 , y: 4, rotation: -14 }, broken_6 = { x: 13 , y: 3, rotation: -5 }, broken_7 = { x: 10 , y: -1, rotation: 4 }; var logoBreak = gsap.timeline({ paused: true }) .to("#logo #part-4", 2, broken_4) .to("#logo #part-3", 2, broken_3, '-=2') .to("#logo #part-2", 2, broken_2, '-=2') .to("#logo #part-1", 2, broken_1, '-=2') .to("#logo #part-5", 2, broken_5, '-=2') .to("#logo #part-7", 2, broken_7, '-=2') .to("#logo #part-6", 2, broken_6, '-=2'); $('#logo-wrapper').hover(function() { logoBreak.reverse(); }, function() { logoBreak.start(); }); }); Link to comment Share on other sites More sharing options...
ZachSaucier Posted May 12, 2020 Share Posted May 12, 2020 Hey Joe. If you view the timeline docs you'll see that there is in fact no method named .start() on timelines (or anything in GSAP). I think you're looking for .play() instead 3 Link to comment Share on other sites More sharing options...
JoeH Posted May 13, 2020 Author Share Posted May 13, 2020 Thanks, Sometimes you can't see things for looking for them! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now