title: Drop-down lists for contact form
body: <p>Is there a way to add an additional 'submenu' to a dropdown list on a contact form? So it would technically work like a drop-down navigation.</p>
  
  <p>Below is the drop-down list for my contact form. And i've been asked to see if I can add additional options to lets say, Existing Partner. So when they hover over that item it expands to other options.</p>
  
  <pre><code>&lt;label for="hear"&gt;How did you hear about us?  &lt;/label&gt;
              &lt;select class="contact-drop-down"  name="hear" id="hear"&gt;
                  &lt;option&gt;Click to choose&lt;/option&gt;
                  &lt;option value="1"&gt;Existing Partner&lt;/option&gt;
                  &lt;option value="2"&gt;Word of mouth&lt;/option&gt;
                  &lt;option value="3"&gt;Brochure&lt;/option&gt;
                  &lt;option value="4"&gt;Email mailshot&lt;/option&gt;
                  &lt;option value="5"&gt;Google&lt;/option&gt;
                  &lt;option value="6"&gt;Yahoo&lt;/option&gt;
                  &lt;option value="7"&gt;Bing&lt;/option&gt;
                  &lt;option value="8"&gt;Other search engine&lt;/option&gt;
                  &lt;option value="9"&gt;Other&lt;/option&gt;
              &lt;/select&gt; 
  </code></pre>