thnk you - I got it working
//// please refactor me
function escHover() {
var fadeIn = $('.filter-fade-img');
var hoverBtn = $('.filter-hover');
TweenLite.set(fadeIn, {
opacity: 0,
y: '50px',
ease: Back.easeOut
})
hoverBtn.on('mouseenter', function(e) {
var fadeIn = $(this).attr('data-filter');
var fadeIn = $('#' + fadeIn).find('.filter-fade-img');
console.log(fadeIn);
TweenMax.to('.js-filter-esc-dormant', 0.1, {
y: '0',
opacity: 0
}, 0.1, "+=0.1");
TweenMax.staggerTo(fadeIn, 0.5, {
y: '0',
opacity: 1
}, 0.2, "+=0.1");
});
hoverBtn.on('mouseleave', function(e) {
var fadeIn = $(this).attr('data-filter');
var fadeIn = $('#' + fadeIn).find('.filter-fade-img');
console.log(fadeIn);
TweenMax.staggerTo(fadeIn, 0.5, {
y: '50px',
opacity: 0
}, 0.1, "+=0.1");
TweenMax.to('.js-filter-esc-dormant', 2, {
y: '0',
opacity: 1
}, 8, "+=8");
});
}