# Opening and Closing

By default, the Menu opens and closes the items which contain children on `mouseover` and `mouseleave` with a small delay.

To customize its opening and closing behavior, utilize the following options:

* [Configuring the hover delay](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/open-close#delay-on-hover)
* [Opening the Menu on item click](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/open-close#opening-on-item-click)

## Delay on Hover

To prevent the accidental opening or closing of the Menu items, the component waits for 100 milliseconds before performing the action. To change the default delay, use the [`hoverOpenDelay`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops#hoveropendelay) and [`hoverCloseDelay`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops#hoverclosedelay) properties of the Menu.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/menu/open-close/hover/source.txt)

## Opening on Item Click

By default, the Menu items open on hover. You can disable the open-on-hover behavior and set the Menu to open only after an item is clicked or focused by using the [`openOnClick`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops#openonclick) property. After the user clicks an item for the second time, the open-on-hover behavior will be still disabled until another click follows.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/menu/open-close/click/source.txt)

## Suggested Links

* [API Reference of the Menu](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops)