title: Shadowbox - How to switch or replace content? How to close and open another dialog?
body: <p>I'm trying to use shadowbox in multiple occasions: sometimes I happen to need more than one dialog at the same time.</p>
  
  <p>In this simple example I try to close one existing window and re-open another one but is not opening the second one. What I'm doing wrong?</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="shadowbox.css" type="text/css"&gt;
      &lt;style type="text/css" media="screen"&gt;
          #sb-body, #sb-loading { background:#eee; }
      &lt;/style&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="shadowbox.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
          Shadowbox.init();
  
          window.onload = function(){
  
              Shadowbox.open({
                  content: 'First window. &lt;a id="open-second" href="http://www.google.com"&gt;open another window&lt;/a&gt;.',
                  player: "html"
              });
  
              $('#open-second').live('click', function(e){
                  e.preventDefault();
  
                  Shadowbox.close();
                  Shadowbox.open({
                      content: 'Second window.',
                      player: "html"
                  });
              });
          };
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;blabla.&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Regards,<br>
  Adit</p>