title: JavaScript hide another element on mouseover
body: <p>So I have this JavaScript I am working on, and I want to show/hide another HTML element on mouseover but it wont work.
  Here's The HTML:</p>
  
  <pre><code>&lt;div class='post' onmouseover="document.getElementsByClassName('another_element').style.display='inline';" onmouseout="document.getElementsByClassName('another_element').style.display='none';"&gt;
  </code></pre>