JSFiddle - React, Tailwind, and code Playground

by gyoshev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<button class="k-button">Animate!</button>
<div id="foo"></div>

CSS

body {
    font: 12px/1.5 Tahoma,sans-serif;
}

#foo {
    background: red;
    width: 20px;
    height: 20px;
}

JavaScript

$("button").click(function() {
    $("#foo").kendoStop(true, true).kendoAnimate({
        effects: "fadeOut",
        duration: 200,
        hide: true
    });
});