title: Hide pop up onclick button
body: <p>once we click on <code>login</code> , we want to hide the entire pop up box. I tried as below code.</p>
  
  <p><a href="https://i.stack.imgur.com/RBiQ2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RBiQ2.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="ajaxlogin-window"&gt;
  &lt;div id="ajaxlogin-login-window"&gt;
  &lt;!-- other code --&gt;
  &lt;button class="button"  id="send2" id="close" onclick="window.ajaxlogin-login-window()" &gt;
  Login
  &lt;/button&gt;
  </code></pre>
  
  <p>also i tried <code>onclick="parentNode.remove()"</code> but it hide only bottom half of pop up. tried lot of other things. so tried to use same code that <code>close</code> button is using as below. but nothing worked for me.</p>
  
  <p>close button : </p>
  
  <pre><code>&lt;a href="javascript:void(0)" class="close"&gt;Login button&lt;/a&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/1N5zA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1N5zA.png" alt="enter image description here"></a></p>
  
  <p><strong>script</strong></p>
  
  <pre><code>document.observe("dom:loaded", function() {
          var triggers = {
              login: {
                  el    : $$('.ajaxlogin-login'),
                  event : 'click',
                  window: $('ajaxlogin-login-window'),
                  size: {
                      maxWidth: 300
                  }
              },
  </code></pre>