Hi there, I seem to be struggling with such a simple issue!..And its now officially doing my head in!
What I’ve got is a clip that when moused over expands down, and when moused out contracts back up again…simple right.
The problem I’ve got is that as soon as I place a child inside the expanding clip (which is another expanding and contracting clip). the listener gets blocked by its child making it contract before it should. This sounds a little confusing, but will make a lot more sense when viewing my code here…
import com.greensock.*;
import com.greensock.easing.*;
var section1:Section1 = new Section1();
addChild(section1);
var navBar1:NavBar1 = new NavBar1();
section1.addChild(navBar1);
section1.x = (section1.stage.stageWidth * 0.5) - (navBar1.width * 0.5);
var whiteBar:WhiteBar = new WhiteBar();
addChild(whiteBar);
whiteBar.height = 0;
whiteBar.x = (section1.stage.stageWidth * 0.5) - (whiteBar.width * 0.5);
whiteBar.y = 596;
navBar1.buttonMode = true;
navBar1.addEventListener(MouseEvent.ROLL_OVER, section1onOver, false, 0, true);
navBar1.addEventListener(MouseEvent.ROLL_OUT, section1onOut,false, 0, true);
function section1onOver(evt:Event):void {
var overTimeline:TimelineMax = new TimelineMax();
overTimeline.append(TweenMax.to(navBar1, 0.5, {height:600}));
overTimeline.append(TweenMax.to(whiteBar, 0.5, {height:440, ease:Back.easeIn}));
overTimeline.play();
}
function section1onOut(evt:Event):void {
var outTimeline:TimelineMax = new TimelineMax();
outTimeline.append(TweenMax.to(whiteBar, 0.5, {height:0, ease:Back.easeIn}));
outTimeline.append(TweenMax.to(navBar1, 0.5, {height:60}));
outTimeline.play();
}
By the way I will be putting buttons inside the clips eventually, so disabling the clips contents is a no go.
It can be seen here…
http://rbpftp.co.uk/steve/overAndOut.html
If anyone could explain a way to prevent this happening then it’d be a massive help, I have posted this question on another forum but have received no replies, but really, really need to get it working!
Cheers,
Squibn