title: Opening specific KendoUI window by click on a button
body: <p>I used a KendoUI window component in my page and it shows two windows :
  window:</p>
  
  <pre><code>  &lt;div id="window1"&gt;
          &lt;div style="text-align: center;"&gt;
              &lt;img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" /&gt;
              &lt;p&gt;
                  THIS IS WINDOW1&lt;br /&gt;
                  Image by: &lt;a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/"&gt;http://www.conranshop.co.uk/&lt;/a&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and window 2 :</p>
  
  <pre><code>&lt;div id="window2"&gt;
          &lt;div style="text-align: center;"&gt;
              &lt;img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" /&gt;
              &lt;p&gt;
                 THIS IS MY WINDOW2&lt;br /&gt;
                  Image by: &lt;a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/"&gt;http://www.conranshop.co.uk/&lt;/a&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and i have a span like blow:</p>
  
  <pre><code> &lt;span id="go" class="k-group"&gt;Close the window1 and open the window2&lt;/span&gt;
  </code></pre>
  
  <p>by default when my page was loaded both of the windows (i mean window1 and window2) comes up, but i want as the page was loaded window1 comes up and when i click on my span it close window1 and open window2, so write this function :</p>
  
  <pre><code>      $("#go").bind("click", function () {
                        $("#window2").data("kendoWindow").open();
  
                        $("#window1").data("kendoWindow").close();
  
                    });
  </code></pre>
  
  <p>but it does'nt work! what is the problem?</p>
  
  <p>EDIT: and i have :</p>
  
  <pre><code> function initWindow1() {
                  var windowOptions = {
                      width: "500px",
                      title: "EGG CHAIR",
                      visible: false,
                      close: close1   
                  };
  
                  $("#window1").kendoWindow(windowOptions);
                  $("#window1").data("kendoWindow").center().open();
              }
  
              initWindow1();
  
              function initWindow2() {
                  var windowOptions = {
                      width: "500px",
                      title: "EGG CHAIR",
                      visible: false,
  
                  };
  
                  $("#window2").kendoWindow(windowOptions);
                  $("#window2").data("kendoWindow").open();
              }
              initWindow2();
  </code></pre>