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

Animation

configuration

A collection of {Animation} objects which are used to change the default animations. If set to false, all widget animations will be disabled. animation:true is not a valid configuration.

animation

Boolean|Object

<span id="target" title="Tooltip content">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoTooltip({
        animation: false
      });
    });
</script>

animation.close

Object

The animation that will be used when the Tooltip closes.

<span id="target" title="Tooltip content">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoTooltip({
        animation: {
          close: {
            effects: "fade:out"
          }
        }
      });
    });
</script>

animation.open

Object

The animation that will be used when the Tooltip opens.

<span id="target" title="Tooltip content">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoTooltip({
        animation: {
          open: {
            effects: "fade:in",
            duration: 1000
          }
        }
      });
    });
</script>

Animation

animation

animation.close

animation.open

Related Members