title: Can't hide a DIV
body: <p>I'm going bananas here because when I execute the following code:</p>
  
  <pre><code>myDiv.className += condition ? " green" : " red hidden";
  console.log("class: " + myDiv.className);
  </code></pre>
  
  <p>I get to see the text as supposed to. In fact, I even <strong>see</strong> the red border around my thingy! However, for some (for me explainable) reason, the component is still visible. It's either divine intervention intended on ruining my Christmas or I'm missing something extremely basic due to fatigue. Which is it? Does God hate me, now? :)</p>
  
  <pre><code>.hidden{ display: none; }
  .green{ border: 3px solid #00bb00; }
  .red{ border: 3px solid #dd0000; }
  </code></pre>