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

Animation.collapse

configuration

The animation that will be used when collapsing items.

animation.collapse

Boolean|Object

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

animation.collapse.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: {
    collapse: {
      duration: 400
    }
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

animation.collapse.effects

String

A whitespace-delimited string of animation effects that are used when collapsing nodes. The supported effects are fadeOut and collapseVertical.

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