MouseIn and MouseOut menu, need help

Hi, I’m trying to make a drop down menu with hide and show. This is my code, I just want the box/drop down menu to not disappear when I hover the mouse over the box. Is there maybe a way to disable the button_mouseOut function just while the mouse is over the box?

export function button_mouseIn(event) {
$w( ‘#box’ ).show();

}

export function button_mouseOut(event) {
$w( ‘#box’ ).hide();

}

export function box_mouseIn(event) {
$w( ‘#box’ ).show();
}

export function box_mouseOut(event) {
$w( ‘#box’ ).hide();

}

i did the same thing and it is working… Make sure that you put the onMouse event in the properties panel for each element needed.

thanks, I realized that the problem is that I had used the fade animation, so I had to remove the animation from button_mouseOut.