showOnClick option for the second-level sub menus

[ron13315]

Hello there, please let me know how can I apply the showOnClick on the second-level sub menus.

[admin]

Hi sorry for the delay! I was on a vacation.

By default the showOnClick: true option makes the menu tree behave like OS desktop menus where a click activates the tree and then the sub menus are activated immediately on hover. So you would need some sort of mod. The simplest one I can think of is to add the following code on your page after the SmartMenus jQuery code:

	// always emulate touch mode
	$.SmartMenus.prototype.isTouchMode = function() {
		return true;
	};

This would emulate touch mode even when mouse input is available and thus make sure any sub menu is only activated on tap/click.

[Elizabeth_Keen]

In this example you hide all the and show the which is it’s sibling, which would ultimately hide the first level of the li and show the second. HTML

• first
  back
  • Second layer Menu 1
  • Second layer Menu 1
  • Second layer Menu 1
  • Second layer Menu 1

CSS:

.second-layer{
display: none;
}

.hide a{
display: none;
}

.show a{
display: none;
}

.show a.back{
display:block;
}

.show .second-layer{
display: block;
}

JQuery:

$(‘.forward’).click(function(){
$(this).parent().addClass(‘show’);
$(this).parent().parent().addClass(‘hide’);
});

$(‘.back’).click(function(){
$(this).parent().parent().removeClass(‘show’);
$(this).parent().parent().parent().removeClass(‘hide’);
});

For innovative methodologies in Web Apps visit http://www.ati-erp.com

[hmartens]

I have an issue at the moment where on menu I click a submenu and it dropsdown correctly, but when I click again it goes to the parent link or refreshes the page if my link is # on the parent dropdown.

When I add the showOnClick true option, I can click on the link and it drops down..but when I click again on it it does nothing, it does not minimise the dropdown…it does nothing

[Author]

Posts