Hide desktop sub menu on click

Home Forums Older releases 0.9.x Hide desktop sub menu on click

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1411
    mbros
    Participant

    I’m trying to set up a menu that behaves like a desktop OS menu, where the user clicks on the menu item to both show and hide the sub menu.

    I’ve set “showOnClick:true”, and this gets the showing behavior right, but it won’t hide the sub menu when I click on it’s parent/originating menu item/link.

    I’m using version 0.9.7 with nothing much in the way of options. The parent menu items just need to show the sub menus, not link to pages. So right now the top-level items’ HTML just looks like (without the extra spaces):

    < li >< a href="#" >About
    #1763
    admin
    Keymaster

    Hi, you can use the following API tweak:

    $('#main-menu').bind('click.smapi', function(e, item) {
    	var $item = $(item),
    		level = $item.parent().parent().dataSM('level'),
    		$sub = $item.parent().dataSM('sub');
    	if (level == 1 && $sub && $sub.dataSM('shown-before') && $sub.is(':visible')) {
    		$(this).smartmenus('menuHideAll');
    		return false;
    	}
    });

    Let me know if you still have any troubles.

    Cheers!

    #1764
    mbros
    Participant

    This worked for me! Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?