Top level touch on small devices

[Leon]

Hi there!

I thought it could be a common problem, but haven’t found anything on it in this board.

Touching a top level item on small devices makes a submenu slide down. At the next touch it will slide up. Now what I need instead is to follow the link of the top level item. Touching the arrow (or a plus) should trigger the unfolding of the submenu like this:

Any idea?

Best regards
Leon

[admin]

Please take a look at the following topic. There is some sample code how to achieve what you would like:

http://www.smartmenus.org/forums/topic/toggle-and-a-link

Please let me know if you still have any questions after that.

[Kinan]

Hi,
I’ve tried to use the sample code with the zero config bootstrap addon, but it seems like I’m not able to get it working.
Any suggestions?

by now I’ve tried to add the main-menu id to the unordered list:

<div class="collapse navbar-collapse" id="navbar-collapse-1">
<div class="navbar-left">
<ul id="main-menu" class="dropdown-menu"></ul>
</div>
</div>

and I’m using

$(document).ready(function(){
});

to start the sample script

[admin]

Hi and sorry for the late reply! Just had too much urgent work recently and plus the holidays.

I didn’t realize you were using the Bootstrap add-on. So, what you’ve done should work like normally (i.e. adding the id to the UL and calling the code onDomReady). Just in addition, you will need to comment out/delete the following code from “jquery.smartmenus.bootstrap.js” (or the min version if you use it):

,
// click the parent item to toggle the sub menus (and reset deeper levels and other branches on click)
'click.smapi': function(e, item) {
	var obj = $(this).data('smartmenus');
	if (obj.isCollapsible()) {
		var $item = $(item),
			$sub = $item.parent().dataSM('sub');
		if ($sub && $sub.dataSM('shown-before') && $sub.is(':visible')) {
			obj.itemActivate($item);
			obj.menuHide($sub);
			return false;
		}
	}
}

[Author]

Posts