Hello Zach,
Below is my code where onReverseComplete is not working after upgrading from 3.1.1 to 3.2.6.
var FullNaviTL = new TimelineMax();
FullNaviTL.pause();
FullNaviTL.to('.mainSiteMenu', 0.5, {top:0, width:"100%", ease: Power4.easeOut,
onComplete: function(){
jQuery(".mainMenuHamburger").addClass("newColor");
},
onReverseComplete:function(){
jQuery(".mainMenuHamburger").removeClass("newColor");
}
});
FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(1)', 0.6, {opacity:1, y:35, ease: Power4.easeOut},'-=0.1')
FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(2)', 0.6, {opacity:1, y:35, ease: Power4.easeOut},'-=0.4')
FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(3)', 0.5, {opacity:1, y:35, ease: Power4.easeOut},'-=0.4')
FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(4)', 0.5, {opacity:1, y:35, ease: Power4.easeOut},'-=0.3')
FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(5)', 0.4, {opacity:1, y:35, ease: Power4.easeOut},'-=0.3');
FullNaviTL.to('.mainSiteMenu .bottomText', 0.5, {opacity:1, y:-15, ease: Power4.easeOut},'-=0.3');
am i missing something ?
And this is how it's getting triggered
jQuery(".mainMenuHamburger").click(function(){
jQuery(this).toggleClass('off on');
if(jQuery(this).hasClass("on")){
HamburgerTL.play();
FullNaviTL.play();
} else {
//Close Subnavi
var openEle = jQuery(".mainSiteMenu > menu > ul > li a i.on");
if(openEle.length > 0){
openEle.toggleClass('off on');
gsap.timeline().to(openEle.parent("a").next("ul"), 0.5, {height:0, onComplete:function(){
HamburgerTL.reverse();
FullNaviTL.timeScale(2).reverse();
}});
} else {
HamburgerTL.reverse();
FullNaviTL.timeScale(2).reverse();
};
};
});