New to Kendo UI for jQuery? Download free 30-day trial


By default, the Menu uses a slide animation to expand its subitems when the user hovers with the mouse.

Along with the animation style and delay, you can customize the animations by using the configuration properties of the Menu. You can also configure the Menu items to open on click instead of on hover.

The following example demonstrates how to change Menu animation and open behavior.

<ul id="menu"></ul>

        animation: {
            open: { effects: "fadeIn" },
            duration: 500
        openOnClick: true

See Also

In this article