I'm not really good at coding and I have some problems with my code. I create animated menu in Edge Animate using jquery and then imported it in Muse as a edge file. It's working perfect in IE and Chrome, but something caused problems in Firefox - menu start animation just don't work in Firefox when scroll down. I appreciate any help!
Label="begin";
sym.$("menuover").hide();
var h = $(window.parent).height()
var element1 = sym.getSymbol("submitbut").$("title");
var element8 = sym.getSymbol("aboutbut").$("title");
var element9 = sym.getSymbol("servicebut").$("title");
var element10 = sym.getSymbol("projectbut").$("title");
var element15 = sym.getSymbol("beginbut").$("title");
fired10 =true;
var fired11 =true;
$(window.parent).on('scroll',function b1(){
var $this = $(this),
$head = $('#head');
if($this.scrollTop()> h &&Label=="begin"&& fired11 ===true){
fired10 =false;
fired11 =false;
var element3 = sym.$("menuback");
TweenMax.to(element1,1,{x:-630, alpha:1, ease:Power3.easeOut, onComplete:animDone});
TweenMax.to(element8,1.1,{x:-630, alpha:1, ease:Power3.easeOut});
TweenMax.to(element9,1.2,{x:-630, alpha:1, ease:Power3.easeOut});
TweenMax.to(element10,1.3,{x:-630, alpha:1, ease:Power3.easeOut});
TweenMax.to(element15,1.4,{x:-630, alpha:1, ease:Power3.easeOut});
TweenMax.to(element3,1.3,{alpha:1, x:-860, width:940, ease:Power3.easeOut});
function animDone(){
var element1 = sym.getSymbol("submitbut").$("title");
var element8 = sym.getSymbol("aboutbut").$("title");
var element9 = sym.getSymbol("servicebut").$("title");
var element10 = sym.getSymbol("projectbut").$("title");
var element15 = sym.getSymbol("beginbut").$("title");
TweenMax.to(element1,1,{color:"#7F8C8D", ease:Power3.easeOut, onComplete:animDone2});
TweenMax.to(element8,1,{color:"#7F8C8D", ease:Power3.easeOut});
TweenMax.to(element9,1,{color:"#7F8C8D", ease:Power3.easeOut});
TweenMax.to(element10,1,{color:"#7F8C8D", ease:Power3.easeOut});
TweenMax.to(element15,1,{color:"#7F8C8D", ease:Power3.easeOut});
}
function animDone2(){
var element2 = sym.getSymbol("submitbut").$("redline");
var element12 = sym.getSymbol("aboutbut").$("redline");
var element13 = sym.getSymbol("servicebut").$("redline");
var element14 = sym.getSymbol("projectbut").$("redline");
var element16 = sym.getSymbol("beginbut").$("title");
var element20 = sym.getSymbol("beginbut").$("strelka");
var element3 = sym.$("menuback");
var element5 = sym.$("closebut");
var element6 = sym.$("closebutover");
var element7 = sym.$("closebutback");
TweenMax.to(element3,0.6,{backgroundColor:"#ede8e0", x:-859, y:37, height:365, ease:Power3.easeOut, onComplete:animDone3});
TweenMax.to(element2,0.6,{x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
TweenMax.to(element12,0.6,{x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
TweenMax.to(element13,0.6,{x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
TweenMax.to(element14,0.6,{x:0, y:-40, height:61, alpha:1, ease:Power3.easeOut});
TweenMax.to(element16,0.6,{color:"#ff3d4e", x:-450, y:55, scaleY:2, scaleX:2, ease:Power3.easeOut});
TweenMax.to(element20,0.6,{x:50, alpha:1, ease:Power3.easeOut});
TweenMax.to(element5,1,{alpha:1, x:-48, ease:Power3.easeOut});
TweenMax.to(element6,1,{x:-48, ease:Power3.easeOut});
TweenMax.to(element7,1,{alpha:1, width:30, ease:Power3.easeOut});
}
function animDone3(){
var element4 = sym.$("but5");
var element17 = sym.$("but4");
var element18 = sym.$("but3");
var element19 = sym.$("but2");
TweenMax.to(element4,1,{y:-75, ease:Power3.easeOut});
TweenMax.to(element17,1,{y:-139, ease:Power3.easeOut});
TweenMax.to(element18,1,{y:-203, ease:Power3.easeOut});
TweenMax.to(element19,1,{y:-267, ease:Power3.easeOut});
}
}
}
);