An X-Tag web component.
<x-menu role="menu">
Menu
</x-menu>
<x-menu open>
Menu is open
</x-menu>
<x-menu position="top|bottom|left|right">
Menu
</x-menu>
<x-menu position="slide|push">
Menu
</x-menu>
Leaving off this attribute means the menu immediately shows without any visual effect.
var menu = document.querySelector( 'x-menu' );
menu.show();
menu.hide();
menu.toggle();