How to use ips.ui.menu with events

[Tom S.]

I couldn't figure out from reading this article: 

I created a simple dropdown menu using this format:

<!-- The trigger -->
<a href='#elMyMenu_menu' id='elMyMenu' data-ipsMenu>Open Menu</a>

<!-- The menu -->
<ul id='elMyMenu_menu' class='ipsMenu'>
	...
</ul>

But I want to be able the listen to open and close events. How can I create an event listener using ips.ui.menu?

As a side note, a lot of these articles lack an actual example which would save people from having to post to the forum.

[Martin A.]

$( '#elMyMenu' ).on( 'menuOpened', function( elemID, originalEvent, menu ) 
{

});

$( '#elMyMenu' ).on( 'menuClosed', function( elemID, menu ) 
{

});

 

Edited January 4, 2021 by Martin A.