animation Boolean|Object

Configures the opening and closing animations of the suggestion popup. Setting the animation option to false will disable the opening and closing animations. As a result, the suggestion popup will open and close instantly.

animation:true is not a valid configuration.

Example - disable open and close animations

<input id="dropdowntree" />

<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [{ text: "item1", value: 1 }, { text: "item2", value: 2 }],
        animation: false
    });
</script>

Example - configure the animation

<input id="dropdowntree"/>

<script>
$("#dropdowntree").kendoDropDownTree({
  dataSource: [{ text: "item1", value: 1 }, { text: "item2", value: 2 }],
  animation: {
   close: {
     effects: "fadeOut zoom:out",
     duration: 300
   },
   open: {
     effects: "fadeIn zoom:in",
     duration: 300
   }
  }
});
</script>
In this article