Easy Menu provides two JavaScript functions that can be used to attach to or detach from an element at client side:

attachToControl - has the following syntax:
ob_em_EasyMenuID.attachToControl('ID')

detachFromControl - method has the following syntax:
ob_em_EasyMenuID.detachFormControl('ID')

Note: EasyMenuID is the id of the Easy Menu we want to attach/detach, and ID is the id of the element we want to attach to/detach from.


Test pressing the buttons below and see how they affect the menu attached to the gray square:






Here is the code for the buttons:
<input type="button" value="Attach First SubMenu" onclick="ob_em_EasyMenu2.attachToControl('menuItem2');">
<input type="button" value="Detach First SubMenu" onclick="ob_em_EasyMenu2.detachFromControl('menuItem2');">
<input type="button" value="Attach Second SubMenu" onclick="ob_em_EasyMenu3.attachToControl('menuItem5');">
<input type="button" value="Detach Second SubMenu" onclick="ob_em_EasyMenu3.detachFromControl('menuItem5');">
<input type="button" value="Attach Main EasyMenu" onclick="ob_em_EasyMenu1.attachToControl('div1');">
<input type="button" value="Detach Main EasyMenu" onclick="ob_em_EasyMenu1.detachFromControl('div1');">

Note:

· If you want to attach/detach an EasyMenu to/from more than one element, you will need to specify the elements separately. You will need to use
        ob_em_EasyMenu1.attachToControl('div1'); ob_em_EasyMenu1.attachToControl('div2');
        ob_em_EasyMenu1.detachFromControl('div1'); ob_em_EasyMenu1.detachFromControl('div2');