jQuery show/hide select and button

jQuery show/hide select and button

I was wondering how I can show different buttons once you click it. Example:
<input type="button" value="Submit" id="button1">
<input type="button" value="Submit" id="button2" style="display: none;">
<input type="button" value="Submit" id="button3" style="display: none;">
<select id="whatever">
<option id="1">1</select>
<option id="2">2</select>
<option id="3">3</select>
</select>
<select id="whatever2" style="display: none;">
<option id="1">1</select>
<option id="2">2</select>
<option id="3">3</select>
</select>
I want button1 to show select id "whatever" and button 2 to hide select
id="whatever" and show "whatever2" and button 3 same thing. Thanks!