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

Animation.expand

configuration

The animation that will be used when expanding items.

animation.expand

Boolean|Object

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: {
    expand: false
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

animation.expand.duration

Number

The number of milliseconds used for the animation when a node is expanded.

Default: 200

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: {
    expand: {
      duration: 600
    }
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

animation.expand.effects

String

A whitespace-delimited string of animation effects that are used when expanding nodes. The supported effects are "expandVertical" and "fadeIn".

Default: "expandVertical"

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: {
    expand: {
      effects: "fadeIn expandVertical"
    }
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>