Hi all, I’m using this tutorial to create a Mega Menu.
I’ve gotten as far as displaying my “First” Sub Menu which is in a repeater. The next part of the logic is that when I hover over the Team Sports Gear button, it is suppose to display my “Second” Sub Menu which is a container box. Here’s the code and the picture to follow…
//Set an action that occurs when the mouse hovers over a Submenu 1 button.
export function buttonSub_mouseIn(event) {
//Get the ID of the Submenu 1 button the mouse hovers over.
const selectedRootId = event.context.itemId;
//Get all the data of the Submenu 2 related to Submenu 1.
const repeaterData = menuData.filter(item => item._id === selectedRootId)[ 0 ];
//Set up the box element corresponding to the selected button in Submenu 2.
setSubSubMenu(repeaterData);
//Show the Submenu 2 box.
$w( ‘#boxSubSubMenu’ ).show();
}
PLEASE HELP! THANK YOU!