This example shows how to configure Telerik TabStrip for ASP.NET MVC to animate the content of its items. The supported animations are opacity and expand.

• To configure the expand animation use the Expand method.
• To configure the opacity animation use the Opacity method.
• To turn off the expand animation you can use the Toggle method.

<%= Html.Telerik().TabStrip()
        .Name("TabStrip")
        .Effects(fx => fx.Slide(properties => properties
                            .OpenDuration(200)
                            .CloseDuration(300))
                         .Opacity(properties => properties
                            .OpenDuration(200)
                            .CloseDuration(300))
        )
        .Items(items => { /*items definition*/ })
%>

Use the configurator to experiment with the animation settings.