When I click the item that has a sub menu, I do not want to show its sub menus but just want to take me to the target page of that item.
I only want to display its submenus when I am already in the target page.
It is working fine if I am using a desktop web browsers (e.g. chrome, IE, firefox) but when I try to view the page on ipad and iphone using safari and chrome I couldnt click the item nor expand the submenus.
Here is the code I am currently using:
//Vertical Menu
$(‘#side-menu’).smartmenus({
mainMenuSubOffsetX: 1,
mainMenuSubOffsetY: -8,
subMenusSubOffsetX: 1,
hideOnClick: false,
showOnClick: false,
showFunction: function($ul, complete) { complete(); }
});
//Remove the click event handler to prevent menu from collapsing its submenus
$(‘#side-menu’).unbind(“click”);
//collapse the submenus of the current selected menu item
$(‘#side-menu’).smartmenus(‘itemActivate’, $(‘a.current’));
I really appreciate any help with this.
Please help. Thanks!