onRollOver/onRelease Menu Issues

[phish]

I am building a menu that when you RollOver the link a tab slides down, when you RollOut the tab slides back up and when you onRelease the tab stays in the lower position until another tab is clicked, then the "1st tab" slides up into the upper position. My problem is that sometimes when a tab is in the lowered position and I scroll across another link to have the tab slide down...the "2nd tab" stays in place for no reason at all. Here is my code...

 

 

LinkBar.Partners.onRollOver = function() {
TweenLite.to(LinkBar.TabPartners, 1, {_y:20, ease:Back.easeOut});
};	

LinkBar.Partners.onRollOut = function() {
TweenLite.to(LinkBar.TabPartners, 1, {_y:-45, ease:Back.easeOut});
};	

LinkBar.Partners.onRelease = function() {
	TweenLite.to(LinkBar.TabMission, 1, {_y:-68, ease:Back.easeOut});
	TweenLite.to(LinkBar.TabTriple, 1, {_y:-64, ease:Back.easeOut});
	TweenLite.to(LinkBar.TabPrograms.ProgramsSubLinks, .1, {_alpha:0});
	TweenLite.to(LinkBar.TabPrograms, 1, {_y:-82, ease:Back.easeOut, delay:.1});
	TweenLite.to(LinkBar.TabProjects, 1, {_y:-45, ease:Back.easeOut});
	TweenLite.to(LinkBar.TabAbout, 1, {_y:-45, ease:Back.easeOut});
		TweenLite.to(LinkBar.TabPartners, 1, {_y:20, ease:Back.easeOut});
	TweenLite.to(LinkBar.TabContact, 1, {_y:-45, ease:Back.easeOut});

	LinkBar.Partners.onRollOut = null;

	TweenLite.to(LinkBar.MissionLink, 1, {removeTint:true}); 
	TweenLite.to(LinkBar.TripleLink, 1, {removeTint:true});
	TweenLite.to(LinkBar.ProgramsLink, 1, {removeTint:true});
	TweenLite.to(LinkBar.ProjectsLink, 1, {removeTint:true});
	TweenLite.to(LinkBar.AboutLink, 1, {removeTint:true});
	TweenLite.to(LinkBar.PartnersLink, 1, {tint:0x55A7ED});
	TweenLite.to(LinkBar.ContactLink, 1, {removeTint:true});
}

 

For some reason it seems like the "2nd tab" will fire the onRelease when the onRollover should fire. Any thoughts? I feel like I am just missing something stupid...thanks for the help

[GreenSock]

I'd need to see your FLA to know for sure, but one thing I'd point out is that many developers forget about onReleaseOutside. If you press the mouse button while your over a MovieClip/Button and then move the mouse and release it when it's NOT still over the MovieClip/Button, onRelease will NOT get fired! That's where you need an onReleaseOutside. Again, I'm not sure that's your problem here, but I figured I'd mention it because I didn't see you using an onReleaseOutside.

[phish]

Good tip with the onReleaseOutside, but the issues seems to be with the onRollOver. How can I attach my FLA? Thank you...

[GreenSock]

How can I attach my FLA?

zip it first. Then attach it.

[phish]

Thanks, here is the FLA. Once you click on a tab and then move the cursor quickly across the other links, sooner or later a tab will get stuck in the down position...It seems like it is something little I am missing...

[anarchy]

hi,

 

did this issue ever get resolved because i have encountered a similar problem where my animation seems to stop half way through due to my rollOver this think

 

thanks

[GreenSock]

The problem has nothing to do with tweening - it's that you're setting the onRollOut = null in your onRelease. So after you've clicked on one of the tabs, it'll never have its onRollOut behavior again. See what I mean?