Submenu?

Hey all,

I’ve been working on a small “submenu”, but got a problem. The hitareas block for each other. When I place the menu above the submenu, its hitarea blocks for the submenus (You can’t click it now). When I place the submenu above the menu, its hitarea blocks for a part of the menus (It will roll in and the submenu will disappear). I’m out of ideas, on how I possible could fix this problem.

Current code:

import mx.transitions.Tween;
sub._visible = false;
men.hit._visible = false;
men.onRollOver = ro;
men.dragOver = ro;
men.onRollOut = ri;
men.releaseOutside = ri;

sub.onPress = function () {
    trace ("I've been pressed.");
};

function ro () {
    var myTween:Tween = new Tween (this, "_x", Strong.easeOut, this._x, 105, 3.5, false);
    myTween.onMotionStopped = function () {
        sub._visible = true;
        men.hit._visible = true;
    };
}

function ri () {
    var myTween2:Tween = new Tween (this, "_x", Strong.easeOut, this._x, 82, 3.5, false);
    myTween2.onMotionStopped = function () {
        sub._visible = false;
        men.hit._visible = false;
    };

}

Thanks in advance for any help :slight_smile:
(SWF preview: SWF
FLA download: FLA)