This is not an actual jQuery UI widget. It is just special markup that can be given to a normal button element
so that it opens a menu. All the behaviors are implemented by the menu widget module.
The menu widget includes support for easily associating a menu with a button such that clicking the button
toggles the specified menu. Toggling the menu means to open it if it is closed and close it if it is open.
To turn a button into a menu button give it a class of js-menuButton
and a data attribute, data-menu, with the menu id to open as the value.
When the menu is open the button will have the is-active class added
and it will be removed when the menu closes.
Note: If the button is dynamically added after the page loads you need to include button attributes
aria-haspopup="true" and aria-expanded="false"
for proper accessibility.
Keyboard End User Information
The normal button activation keys Space and Enter will toggle the menu. In addition the Down Arrow key
will also toggle the menu unless Down Arrow is used for another purpose such as navigating in a list or grid.
This is the markup that associates a menu with id myMenu with the button.