Hide

<div id="app"></div>

<script>
/* The result can be observed in the DevTools(F12) console of the browser. */
var foo = new kendo.View("<span>Foo</span>", { hide: function() { console.log("Foo is hidden now"); }});
var bar = new kendo.View("<span>Bar</span>");

var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer></footer>");

layout.render($("#app"));

layout.showIn("#content", foo);
layout.showIn("#content", bar);
</script>