Animations
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>
<script>
$("#menu").kendoMenu({
animation: {
open: { effects: "fadeIn" },
duration: 500
},
openOnClick: true
});
</script>