<style>
    .container {
        position: relative;
        width: 300px;
        height: 200px;
    }
    
    .slide {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    
    .slide1 { background: lightblue; }
    .slide2 { background: lightgreen; }
</style>

<div class="container">
    <div id="currentSlide" class="slide slide1">Current Content</div>
    <div id="previousSlide" class="slide slide2">Previous Content</div>
</div>
<script>
// The previous parameter specifies which element will slide out
kendo.fx($("#currentSlide")).tile("left", $("#previousSlide")).play();
</script>