How I can fix my mega menu?

So I’m trying to do a mega menu like the razer home page: www razer com (I can’t put links so I wrote it like that) . That shows the different things but the box disappears as soon I move the mouse out from the first box. How I can make it stay?

This is what I used

//Products menu show

export function ProductsB_mouseIn(event) { $w( ‘#ProductsM’ ).show();

}

export function ProductsB_mouseOut(event) { $w( ‘#ProductsM’ ).hide();

}

// Product menu

export function ProductsM_mouseIn(event) { $w( ‘#ProductsM’ ).show();

}

export function ProductsM_mouseOut(event) { $w( ‘#ProductsM’ ).hide();

}