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:

  • Linear

  • InQuad

  • OutQuad

  • InOutQuad

  • InCubic

  • OutCubic

  • InOutCubic

  • InQuart

  • OutQuart

  • InOutQuart

  • InQuint

  • OutQuint

  • InOutQuint

  • InSine

  • OutSine

  • InOutSine

  • InExpo

  • OutExpo

  • InOutExpo

  • InBack

  • OutBack

  • InOutBack

  • InBounce

  • OutBounce

  • InOutBounce

  • InElastic

  • OutElastic

  • InOutElastic

  • None

CopyASPX

<telerik:RadMenu ID="RadMenu1" runat="server">
    <ExpandAnimation Type="OutQuart" Duration="300" />
    <CollapseAnimation Type="OutQuint" Duration="200" />
</telerik:RadMenu>

Tip
You can stop the animation by setting Type to "None".

You can see a live example of Animation effects at First Look.