title: how to expand html multiple select box when clicked
body: <p>Is it possible to get a multiple select box to behave like a select box in the following way:  Only show selection box (1 row) and expand when clicked?</p>
  
  <pre><code>&lt;select multiple&gt;
    &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
    &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
    &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>but I only want to see the empty 1 row select box until clicked and then have it expand as a dropdown with scroll bar if needed</p>