This example shows how to configure Telerik PanelBar 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().PanelBar()
            .Name("PanelBar")
            .Effects(fx => fx.Expand()
                             .Opacity()
                             .OpenDuration(200)
                             .CloseDuration(300)
            )
            .Items(items => { /*items definition*/ })
    %>

Use the configurator to experiment with the animation settings.