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

Animation.close

configuration

The animation configuration for closing the suggestion popup. This object can contain properties such as effects and duration that define how the popup will close when it becomes hidden. The close animation is played when the user selects an item, clicks outside the widget, or when the popup is programmatically closed.

animation.close

Object

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   close: {
     effects: "zoom:out",
     duration: 300
   }
  }
});
</script>

animation.close.duration

Number

The duration of the close animation in milliseconds.

Default: 100

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   close: {
     duration: 500
   }
  }
});
</script>

animation.close.effects

String

The effect(s) to use when playing the close animation. Multiple effects should be separated with a space.

Complete list of available animations

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   close: {
     effects: "fadeOut zoom:out"
   }
  }
});
</script>