Two Modal Kendo Windows

by sparksterz

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<button type="button" id="open1">Open first Window</button>

<div id="win1" style="display:none">
    <p>First Window</p>
    <button type="button" id="open2">Open second Window</button>
</div>

<div id="win2" style="display:none">
    <p>Second Window</p>
    <button type="button" id="close2">Close this Window</button>
</div>

JavaScript

$("#open1").click(function() {
    $("#win1").show().kendoWindow({
        width: "300px",
        height: "100px",
        modal: true,
        title: "Window 1"
    });
});

$("#open2").click(function() {
    $("#win2").show().kendoWindow({
        width: "300px",
        height: "100px",
        modal: true,
        title: "Window 2"
    }).data("kendoWindow").center();
});

$("#close2").click(function() {
    $("#win2").data("kendoWindow").close();
});