I'm having a similar issue using tweenmax with edge. Could someone please help me figure this out?
First, here's a test file to show what I'm trying to do:
https://www.yousendit.com/download/UVJqc0x6Q0NTSUExZXNUQw
On this file, the small green rectangle and blue ellipse are both symbols on the main stage.
The large gray rectangle is called parentSymbol and contains the red circle which is called childSymbol.
The green rectangle has code (which DOES NOT using tweenmax) that controls the visibility of the red circle and it works great. Here is the code:
mouseover:
var parentSymbol = sym.$("parentSymbol");
sym.getSymbol("parentSymbol").$("childSymbol").hide();
mouseout:
var parentSymbol = sym.$("parentSymbol");
sym.getSymbol("parentSymbol").$("childSymbol").show();
Here's my problem:
What if you want to use tweenmax and have the red circle fade out when you mouseover the blue ellipse?
The blue ellipse currently has this code and it doesn't work.
mouseout:
var parentSymbol = sym.getSymbol("parentSymbol");
var childSymbol = sym.getSymbol("childSymbol");
TweenMax.to(childSymbol, 1, {css:{opacity:1}, ease:Quad.easeOut});
mouseover:
var parentSymbol = sym.getSymbol("parentSymbol");
var childSymbol = sym.getSymbol("childSymbol");
TweenMax.to(childSymbol, 1, {css:{opacity:0}, ease:Quad.easeOut});
As an added test, the opacity of the gold rectangle with the rounded corners is being controlled using tweenmax. But, the gold rectangle resides on the main timeline and is not a child symbol. This code works fine.
The question is, how to I use tweenmax to get a symbol on the main timeline to talk to a nested child symbol? Or for that matter, talk between nested symbols as well.
Your advice would be surely appreciated by those of us who love tweenmax and am trying to learn how to use it in edge. Thanks very much in advance.