How can close menu after click

Webix JS
#1

We have snipet

webix.ui({

    view:"menu",

    id:"my_menu",

    data:[ //menu data

        { value:"Translate...", submenu:["English", "Slavic...", "German"]},
    ],

    openAction:"click"    
});

If the parameter is set, you should first click menu item to enable submenu opening and hiding on “onMouseOver” and “onMouseOut” events.

To hide submenus, you need to click somewhere outside the menu.

Now, I would like to hide submenus after click menu agains.

I have a solution:

id: "metamenu",

                    view: "menu",

                    data: [
                        {

                            value: "<span class='icon'>",

                            submenu:["English", "Slavic...", "German"]

                        }
                    ],

                    //openAction: "click",

                    on: {

                        onMenuItemClick:function() {         
                  
                            if (!isVisible) {
                                $$("submenuWebix").show();                                
                            } else {
                                $$("submenuWebix").hide();                                
                            }
                            isVisible = !isVisible;

                        }
                    }

Now, I can show submenu when I click on menu.And hide submenu after I click on menu again.
But when I hover on menu, it shows submenu.
How can we fix it? I don’t want to show submenu when hover on menu.

#2

I fixed it.

openAction: "click",

on: {

         onMenuItemClick: function () {

           if ($$("SubMenuWebixId").isVisible()) {

                                config.hidden = true;

            }

       }
 }