title: Hiding bootstrap modal with plain javascript in typescript
body: <p>I am using Aurelia with bootstrap to show the modal to ask for confirmation to clear form details. I have created plunker <a href="https://plnkr.co/edit/2gX186ynarpRcT5H" rel="nofollow noreferrer">link</a> for this. How can I hide the bootstrap modal without using <code>JQuery</code> that bootstrap provides to trigger an event to close the modal? I tried below to hide the modal, which works. But breaks the modal when you want to show it again.</p>
  
  <pre><code>document.getElementById("confirmationRequired").style.display = 'none';
  </code></pre>
  
  <p>When I try to click on clear btn, I get below error.</p>
  
  <p><a href="https://i.stack.imgur.com/LfJhd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LfJhd.png" alt="enter image description here"></a></p>