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

SlideIn

Slides the element to its original position in the specified direction, using the element width or height as an offset. Playing the effect in reverse will slide the element out of its position.

Sliding an element in

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

<script>
    kendo.fx($("#foo")).slideIn("left").play();
    // or
    // kendo.fx($("#foo")).slideInLeft.play();
</script>

Constructor Parameters

direction

The direction to which the sliding will occur. Supported directions are left, right, up and down.

Sliding an element up

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

<script>
    kendo.fx($("#foo")).slideIn("up").play();
</script>
In this article