title: Drop down list after button on click
body: <p>I'm relatively new to both HTML and Javascript. I'm trying to figure out how to open a drop down list after clicking on one of two buttons. So far, I have for my buttons:</p>
  
  <pre><code>&lt;button id="button1" onclick="button1function()"&gt;Button 1&lt;/button&gt;
  &lt;button id="button2" onclick="button2function()"&gt;Button 2&lt;/button&gt;
  </code></pre>
  
  <p>My list for Button 1 so far is</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="jsmith"&gt;Jane Smith&lt;/option&gt;
      &lt;option value="jdoe"&gt;John Doe&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And my list for Button 2 so far is</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="iwilliams"&gt;Ian Williams&lt;/option&gt;
      &lt;option value="arobinson"&gt;Andrew Robinson&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'm also curious as to if the drop down list can disappear once you click on the button again.</p>
  
  <p>Thank you all very much!</p>