New to Kendo UI for jQuery? Start a free 30-day trial
Expand
Expends the element from zero to its regular size.
Supported directions are horizontal and vertical.
Playing the effect in reverse will collapse the element to zero size and hide it.
Horizontal Expand Example
<div id="foo" style="width:200px; height: 200px; background: red;">
I will be animated
</div>
<script>
kendo.fx($("#foo")).expand("horizontal").play();
// an alternative syntax would be
// kendo.fx($("#foo")).expandHorizontal().play();
</script>Vertical Expand Example
<div id="foo" style="width:200px; height: 200px; background: red;">
I will be animated
</div>
<script>
kendo.fx($("#foo")).expand("vertical").play();
// an alternative syntax would be
// kendo.fx($("#foo")).expandVertical().play();
</script>Constructor Parameters
In this article