New to Kendo UI for jQuery? Download free 30-day trial


Most of the Kendo UI effects support a set of various directions.

To determine the direction of the effects, use either of the following approaches:

  • Specify the direction as the first parameter in the effect constructor method.
  • Call the constructor with a direction shortcut.

The following example demonstrates how to specify a direction for the desired effect. All three lines produce an identical effect.

<div id="foo">
    I will be animated

    var fadeOut1 = kendo.fx($("#foo")).fadeOut();
    var fadeOut2 = kendo.fx($("#foo")).fade("out");
    var fadeOut3 = kendo.fx($("#foo")).fade().direction("out");

    // Call .play() to run any of the above animations.

See Also

In this article