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

Direction

constructor parameters

The direction to which the sliding will occur.

direction

String

<div id="container">
    <div id="element1">Element 1</div>
    <div id="element2">Element 2</div>
</div>
<script>
// Tile effect sliding left
kendo.fx($("#element2")).tile("left", $("#element1")).play();

// Tile effect sliding right
kendo.fx($("#element2")).tile("right", $("#element1")).play();

// Tile effect sliding up
kendo.fx($("#element2")).tile("up", $("#element1")).play();

// Tile effect sliding down
kendo.fx($("#element2")).tile("down", $("#element1")).play();
</script>