Hi,
I am trying to create a popup over a button with a delay, the problem is if I hover out of the button before the delay is over, then the tween would still go on. I know I can kill the tween in Timeline, but I am not using timeline here because I am using a (this) call. Any suggestion would be appreciated.
$('.button').on('mouseenter', function () {
TweenLite.to($(this).children('.popup'), 0.2, { delay: 1, opacity: '1' });
});
$('.button').on('mouseleave', function () {
TweenLite.to($(this).children('.popup'), 0, { opacity: '0' });
});