sichtbar / unsichtbar

Hallo, ich bin schon wieder am Verzweifeln.
Ich habe hier ein Skript (siehe unten). In diesem Skript werden drei Dropdowns sichtbar oder unsichtbar gemacht. Soweit so gut. Mein Problem dabei ist, wenn ich die Seite neu aufrufe, sind die Dropdowns immer sichtbar. Sie sollen aber beim Aufrufen der Seite immer unsichtbar sein und erst beim Auswählen des Radiobuttons sichtbar werden. Könnt Ihr mir helfen?



<script language="javascript">
function versteckenfeld ()
{
document.getElementById("feld1").style.visibility="hidden";
document.getElementById("feld2").style.visibility="hidden";
document.getElementById("feld3").style.visibility="hidden";
}
function anzeigefeld ()
{
document.getElementById("feld1").style.visibility="visible";
document.getElementById("feld2").style.visibility="visible";
document.getElementById("feld3").style.visibility="visible";
}
</script>


<input type="radio" name="Zahlmethode" value="aus" onclick='versteckenfeld ();'> aus<br>
<input type="radio" name="Zahlmethode" value="an" onclick='anzeigefeld ();'> an<br>

<select id="feld1" name="1tag" size="1">
<option></option>
<option value="1">1.</option>
<option value="2">2.</option>
<option value="3">3.</option>
<option value="4">4.</option>
<option value="5">5.</option>
<option value="6">6.</option>
<option value="7">7.</option>
<option value="8">8.</option>
<option value="9">9.</option>
<option value="10">10.</option>
<option value="11">11.</option>
<option value="12">12.</option>
<option value="13">13.</option>
<option value="14">14.</option>
<option value="15">15.</option>
<option value="16">16.</option>
<option value="17">17.</option>
<option value="18">18.</option>
<option value="19">19.</option>
<option value="20">20.</option>
<option value="21">21.</option>
<option value="22">22.</option>
<option value="23">23.</option>
<option value="24">24.</option>
<option value="25">25.</option>
<option value="26">26.</option>
<option value="27">27.</option>
<option value="28">28.</option>
<option value="29">29.</option>
<option value="30">30.</option>
<option value="31">31.</option>
</select>

<select id="feld2" name="1monat" size="1">
<option></option>
<option value="Januar">Januar</option>
<option value="Februar">Februar</option>
<option value="März">M&auml;rz</option>
<option value="April">April</option>
<option value="Mai">Mai</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="Dezember">Dezember</option>
</select>

<select id="feld3" name="jahr" size="1">
<option></option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>

Hallo Micha
Vielen Dank für Deine schnelle Antwort.
Leider versteh ich Deine Antwort nicht.