Mega Menu with Code, Problem.

Ask the community
,
1

Hi I’ve been building a mega menu for a clients website. And It works great on home. However, when trying to apply the same code to another page. It has an error. It won’t close.

Url home: [https://israelgil90.wixsite.com/akkermansbonaire/](https://israelgil90.wixsite.com/akkermansbonaire/
The)
The code works as expected.

Url Other page: [https://israelgil90.wixsite.com/akkermansbonaire/hyundai/hyundai-atos/](https://israelgil90.wixsite.com/akkermansbonaire/hyundai/hyundai-atos/
The)
The code malfunctions on to quit the menu

Code for button on menu (Ford, Mitsubishi, Hyundai) on masterPage.js
export function fordmenuBtn_click(event) {
$w('#fordMenu').show()
$w('#mitsuMenu').hide()
$w('#hyuMenu').hide()
 // This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-// Add your code for this event here: 
}

export function mitsuBtn_click(event) {
    $w('#mitsuMenu').show()
    $w('#fordMenu').hide()
    $w('#hyuMenu').hide()// This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-4
 // Add your code for this event here: 
}

export function hyunBtn_click(event) {
    $w('#hyuMenu').show()
    $w('#mitsuMenu').hide()
    $w('#fordMenu').hide()// This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-4
 // Add your code for this event here: 
}

export function quitFord_click(event) {
    $w('#fordMenu').hide()
 // This function was added from the Properties & Events panel. To learn more, visit http://wix.to/UcBnC-4
 // Add your code for this event here: 
}

I had to split the interactive events of the actual menu into the specific page to work. If placed on the masterPage.js, the X won’t work no matter how hard I try…

So the rest of the code I’m placing it on the specific page code tab.

export function fordmenuQuit_click(event) {
    $w('#fordMenu').hide()
}

export function mitsuQuit_click(event) {
    $w('#mitsuMenu').hide()
}

export function hyuQuit_click(event) {
    $w('#hyuMenu').hide()
}
 //FORD
 //f150
export function f150_mouseIn(event) {
    $w('#f150Btn').show()

}

export function f150_mouseOut(event) {
    $w('#f150Btn').hide()
}

 //explorer
export function explorer_mouseIn(event) {
    $w('#explorerBtn').show()
}

export function explorer_mouseOut(event) {
    $w('#explorerBtn').hide()
}

 //ranger
export function ranger_mouseIn(event) {
    $w('#rangerBtn').show()
}

export function ranger_mouseOut(event) {
    $w('#rangerBtn').hide()
}

 //escape
export function escape_mouseIn(event) {
    $w('#escapeBtn').show()
}

export function escape_mouseOut(event) {
    $w('#escapeBtn').hide() 
}

 //fusion
export function fusion_mouseIn(event) {
    $w('#fusionBtn').show()
}

export function fusion_mouseOut(event) {
    $w('#fusionBtn').hide()

}

//figo
export function figo_mouseIn(event) {
    $w('#figoBtn').show()
}

export function figo_mouseOut(event) {
    $w('#figoBtn').hide()
}

//mustang
export function mustang_mouseIn(event) {
    $w('#mustangBtn').show()
}

export function mustang_mouseOut(event) {
    $w('#mustangBtn').hide()
}

//edge
export function edge_mouseIn(event) {
    $w('#edgeBtn').show()
}

export function edge_mouseOut(event) {
    $w('#edgeBtn').hide()
}

//Mitsubishi
//ASX
export function asx_mouseIn(event) {
    $w('#asxBtn').show()
}

export function asx_mouseOut(event) {
    $w('#asxBtn').hide()
}

//attrage
export function Attrage_mouseIn(event) {
    $w('#attrageBtn').show()
}

export function Attrage_mouseOut(event) {
    $w('#attrageBtn').hide()
}

//l200
export function L200_mouseIn(event) {
    $w('#l200Btn').show()
}

export function L200_mouseOut(event) {
    $w('#l200Btn').hide() 
}

//lancer
export function lancer_mouseIn(event) {
    $w('#lancerBtn').show()
}

export function lancer_mouseOut(event) {
    $w('#lancerBtn').hide()
}

//montero
export function montero_mouseIn(event) {
    $w('#monteroBtn').show()
}
export function montero_mouseOut(event) {
    $w('#monteroBtn').hide()
}

//outlander
export function outlander_mouseIn(event) {
    $w('#outlanderBtn').show()
}
export function outlander_mouseOut(event) {
    $w('#outlanderBtn').hide()
}

//montero sport
export function montsport_mouseIn(event) {
    $w('#montsportBtn').show()
}

export function montsport_mouseOut(event) {
    $w('#montsportBtn').hide()
}

//Hyundai
//slide1
//EON
export function eon_mouseIn(event) {
    $w('#eonBtn').show()
}
export function eon_mouseOut(event) {
    $w('#eonBtn').hide()
}

//i10
export function i10_mouseIn(event) {
    $w('#i10Btn').show() 
}
export function i10_mouseOut(event) {
    $w('#i10Btn').hide()
}

//atos
export function atos_mouseIn(event) {
    $w('#atosBtn').show()
}

export function atos_mouseOut(event) {
    $w('#atosBtn').hide()
}

//accent
export function accent_mouseIn(event) {
    $w('#accentBtn').show()
}

export function accent_mouseOut(event) {
    $w('#accentBtn').hide()
}

//grandi10
export function grandi10_mouseIn(event) {
    $w('#grandi10Btn').show()
}

export function grandi10_mouseOut(event) {
    $w('#grandi10Btn').hide()
}

//ioniQ
export function ioniq_mouseIn(event) {
    $w('#ioniqBtn').show()
}

export function ioniq_mouseOut(event) {
    $w('#ioniqBtn').hide() 
}

//veloster
export function veloster_mouseIn(event) {
    $w('#velosterBtn').show()  
}

export function veloster_mouseOut(event) {
    $w('#velosterBtn').hide()  
}

//Creta
export function creta_mouseIn(event) {
    $w('#cretaBtn').show()  
}

export function creta_mouseOut(event) {
    $w('#cretaBtn').hide() 
}

//slide2
//tucson
export function tucson_mouseIn(event) {
    $w('#tucsonBtn').show() 
}

export function tucson_mouseOut(event) {
    $w('#tucsonBtn').hide() 
}

//santafe
export function santafe_mouseIn(event) {
    $w('#santafeBtn').show() 
}

export function santafe_mouseOut(event) {
    $w('#santafeBtn').hide() 
}

//h1 PANEL VAN
export function h1panel_mouseIn(event) {
    $w('#h1panelBtn').show() 
}

export function h1panel_mouseOut(event) {
    $w('#h1panelBtn').hide()  
}

//h350
export function h350_mouseIn(event) {
    $w('#h350Btn').show() 
}

export function h350_mouseOut(event) {
    $w('#h350Btn').hide() 
}

//h100
export function h100_mouseIn(event) {
    $w('#h100Btn').show() 
}

export function h100_mouseOut(event) {
    $w('#h100Btn').hide() 
}

//h65-72
export function h65_mouseIn(event) {
    $w('#h65Btn').show() 
}

export function h65_mouseOut(event) {
    $w('#h65Btn').hide()  
}

//CountyBus
export function county_mouseIn(event) {
    $w('#countyBtn').show()
}

export function county_mouseOut(event) {
    $w('#countyBtn').hide()  
}

If some one can just help adjust the code for it to work better. I’d highly appreciate it.
Thank you