need help in code

Hi everyone. I am new to this forum and seeking guidance and help from veterans.
I am trying to build a secondary menu using velo.
my code is as follows for 4 buttons and their respective menus
Strangely out of 4 buttons, 3 buttons work like magic and the menu hides and shows as per code.
But for the first button, the menubox disappears on mouseout event of button.

r the first button, the menubox disappears on mouseout event of button.

export function rmcintbutton_mouseIn ( event ) {
$w ( “#rmcintmenu” ). show ();
}

export function rmcintbutton_mouseOut ( event ) {
$w ( “#rmcintmenu” ). hide ();
}

export function rmcintmenu_mouseIn ( event ) {
$w ( “#rmcintmenu” ). show ();
}

export function rmcintmenu_mouseOut ( event ) {
$w ( “#rmcintmenu” ). hide ();
}

export function rmcextbutton_mouseIn ( event ) {
$w ( “#rmcextmenu” ). show ();
}

export function rmcextbutton_mouseOut ( event ) {
$w ( “#rmcextmenu” ). hide ();
}

export function rmcextmenu_mouseIn ( event ) {
$w ( “#rmcextmenu” ). show ();
}

export function rmcextmenu_mouseOut ( event ) {
$w ( “#rmcextmenu” ). hide ();
}

export function rmcmaintbutton_mouseIn ( event ) {
$w ( “#maintmenu” ). show ();
}

export function rmcmaintbutton_mouseOut ( event ) {
$w ( “#maintmenu” ). hide ();
}

export function maintmenu_mouseIn ( event ) {
$w ( “#maintmenu” ). show ();
}

export function maintmenu_mouseOut ( event ) {
$w ( “#maintmenu” ). hide ();
}

export function rmccolorbutton_mouseIn ( event ) {
$w ( “#rmccolormenu” ). show ();
}

export function rmccolorbutton_mouseOut ( event ) {
$w ( “#rmccolormenu” ). hide ();
}

export function rmccolormenu_mouseIn ( event ) {
$w ( “#rmccolormenu” ). show ();
}

export function rmccolormenu_mouseOut ( event ) {
$w ( “#rmccolormenu” ). hide ();
}

You made a mistake when you start doing this because problem is the logic of the code you shouldn’t be using too many functions like that. Can you explain what you are trying to do and leave the website url.