title: How do I unset the :active state on an element in JavaScript?
body: <p>I have an element which, when you click on it, shows an inner element sliding up using CSS transitions. I do this by changing the inner element's height in CSS' <code>:active</code> on the parent node. I cannot figure out how to unset this afterwards. None of the following work:</p>
  
  <pre><code>/* NONE OF THESE WORK */
  //Attempt 1
  document.activeElement = null;
  
  //Attempt 2
  document.activeElement.blur();
  
  //Attempt 3
  document.body.focus();
  
  //Attempt 4
  document.body.click();
  
  //Attempt 5
  myElement.blur();
  </code></pre>
  
  <p>Is there a way to make it not active?</p>