Stephen Yates posted on June 20, 2012 at 4:52 pm

When a menu item is selected the item is highlighted as expected and the menu closed. However, when the menu is displayed again the previously selected item is still highlighted. While I understand this is by design I need to have the menu display subsequent times with no items highlighted. I thought I could resolve this by adding a call to the deactivate method to the select handler for the menu as shown below.

$(“#flyoutmenu”).wijmenu(
{
select: function(e, data)
{
$(“#flyoutmenu”).wijmenu(“deactivate”);
}
});

This works as expected in Internet Explorer (8 & 9) and the menu is always shown with no items selected. However in Chrome, Firefox and Safari the item remains selected.

Is there another way to do this which will work in all browsers?

Thanks.