mega menu

Ask the community
,
1

hi,
i am try to do like this http://citisonship.wixsite.com/codemenu2 Mega Menu
in need to use collapased or hidden?
i try this

export function printerButton_mouseOut(event, $w) {
if ( $w(“#printerMenu”).onMouseIn() ) {
$w(“#printerMenu”).show();
}
else {
$w(“#printerMenu”).hide();
$w(‘#mainMenu’).hide()
}
}

thanks for your help

2

Hi,

You will need to change it to collapse on load.
Add two containers, one for the categories and one for the sub categories. Show them on all pages, then add mouseOut and mouseIn events for the buttons.

For example, you should expand the category menu in the mouseIn event for the All Categories button.
Similarly, add code to collapse the category menu in the mouseOut event for the All Categories button.

Then simply repeat this method with the rest of the category options.

export function catBtn_mouseIn(event, $w) { 
    $w("#categoryBox").expand();
}

export function catBtn_mouseOut(event, $w) { 
    $w("#categoryBox").collapse();
}
3

ok, now how he stay expand if i mouseIn to the box else collapse?