Is there a way to check if you're hovering over an item and execute based on that?

Hello, I’m making a custom menu and trying to get sub sub pages shown in boxes. What I have is something like this

export function hoverBox6_mouseIn(event) {
$w(‘#box11’).expand();
//Add your code for this event here:
}

export function hoverBox9_mouseIn(event) {
$w(‘#box13’).collapse();
$w(‘#box12’).expand();
//Add your code for this event here:
}

export function hoverBox11_mouseIn(event) {
$w(‘#box12’).collapse();
$w(‘#box13’).expand();
//Add your code for this event here:
}

export function hoverBox6_mouseOut(event) {
$w(‘#box11’).collapse();
$w(‘#box12’).collapse();
$w(‘#box13’).collapse();
//Add your code for this event here:
}

export function box11_mouseIn(event) {
$w(‘#box11’).expand();
//Add your code for this event here:
}

export function box12_mouseOut(event) {
$w(‘#box11’).collapse();
$w(‘#box12’).collapse();
//Add your code for this event here:
}

export function box13_mouseOut(event) {
$w(‘#box11’).collapse();
$w(‘#box13’).collapse();
//Add your code for this event here:
}

I’ve used hoverboxes only because i wanted a highlight effect to take place. Right now this works but it flickers a bit when i “mouseout” and “mousein” to something - I guess this makes sense but i would like it to be really smooth

Basically, I would like this
export function hoverBox6_mouseOut(event) { $w(’ #box11 ‘).collapse(); $w(’ #box12 ‘).collapse();
$w(’ #box13 ').collapse();
}
only if box11_mousein is not true. Is it possible to have an if function to enable this and what is the syntax for this?