The ExpandAnimation and CollapseAnimation properties let you apply animated effects when child menu items appear and disappear. Each property is of type Telerik.Web.UI.AnimationSettings, which has two fields:
Duration: the duration of the effect in milliseconds
Type: the animated effect. It is one of the following pre-defined animation types:
By default, the children of a menu item are displayed when the user hovers the mouse over the parent item.When the mouse moves over a new parent item, the original submenu collapses and the children of the new parent menu item are displayed. The ExpandDelay and CollapseDelay properties specify the time, in milliseconds, after the mouse enters or exits a parent item until the list of child items begins to expand or collapse.
<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server"> <ExpandAnimation Type="OutQuart" Duration="300" /> <CollapseAnimation Type="OutQuint" Duration="200" /> </telerik:RadMenu>
You can stop the animation by setting Type to "None".
You can see a live example of Animation effects at First Look.