Drop down list after button on click
<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>