jqueryjquery-uijquery-ui-menujquery-ui-menubar

jquery-ui menu keep sub menu open


Assume I have this fiddle http://jsfiddle.net/pnmpn25/VPXjs/

$( "#menu" ).menu();

It's the demo implementation from the jquery ui site. When I click on Salzburg->Delphi the submenu for Delphi stays open, this is what I want.

When I click on Salzburg->Delphi->Delphi or Salzburg->Perch, the submenu closes. I dont want this.

How can I get the jquery ui menu to not close a submenu if the submenu doesnt have any child menus? Any help is appreciated.


Solution

  • Even if i don't really understand why you want to do such action (it's quite a common thing to close the menu when item is selected), you can call focus() method when an item is selected to prevent menu from closing like in this jsFiddle