title: Hide element and show other if browser window width is less than
body: <p>I'd like to hide an element and show an other element when the user resizes his browser window to a width size that is less than 990px.</p>
  
  <ul>
  <li><p>Hide <strong><em>largeElement</em></strong> when window width is less than 990px
  <br></p></li>
  <li><p>Show <strong><em>smallElement</em></strong> when window width is less than 990px</p></li>
  </ul>
  
  <p><br></p>
  
  <pre><code>&lt;div id="largeElement" style="width:900px;height:100px;background-color:#cc9966"&gt;&lt;/div&gt;
  
  &lt;div id="smallElement" style="display:none;width:300px;height:100px;background-color:#39c"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><br></p>
  
  <p>Does anyone know of a javascript (no jQuery) that can do this?</p>
  
  <p><br></p>