Ordentliche Darstellung bei visibility:hidden

[Peete]

Hallo, ich habe folgendes (aufs Nötigste gekürzte) Formular plus JS:
(Der Nutzer soll sozusagen zwischen zwei verschiedenen Formularen wählen können)

<script type="text/javascript">
function show1()
{
 var id = 'veranstaltung';
 if(document.getElementById(id).style.visibility == "hidden")
 {
  document.getElementById(id).style.visibility = "visible";
  document.getElementById('allgemein').style.visibility = "hidden";
 }
 else
 {
  document.getElementById(id).style.visibility = "hidden";
 }
}
function show2()
{
 var id = 'allgemein';
 if(document.getElementById(id).style.visibility == "hidden")
 {
  document.getElementById(id).style.visibility = "visible";
  document.getElementById('veranstaltung').style.visibility = "hidden";
 }
 else
 {
  document.getElementById(id).style.visibility = "hidden";
 }
}
</script>

<form action="" method="post">
<input type="radio" name="auswahl" value="checkbox" onClick="show1()"> Formular1<br />
<input type="radio" name="auswahl" value="checkbox2" onClick="show2()"> Formular2<br />

<div id="veranstaltung" style="visibility:hidden;">
<select name="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  </select>
</div
<div id="allgemein" style="visibility:hidden;margin-top:-300px;">
<textarea name="form[kommentar]" cols="50" rows="8"></textarea>
</div>
</form>

Jetzt meine Frage: Kann ich erreichen, dass der Platz für die "hidden"-Elemente nicht "reserviert" wird, so dass es - wäre es zB mitten im Text - einfach auklappt und den restlichen Inhalt nach unten verschiebt? Mir ist nur das margin:-300px eingefallen, aber es bringt auch keine Lösung, irgendetwas ist immer "verdeckt" bzw. Scrollbars erscheinen obwohl noch gar nicht nötig. Ich meine, sowas schon mal gesehen zu haben...

Habt ihr einen Tipp, es würde mich sehr freuen !
Danke, Peete

[MudGuard]

Hi,

Jetzt meine Frage: Kann ich erreichen, dass der Platz für die "hidden"-Elemente nicht "reserviert" wird,

befasse Dich mit den Unterschieden von display:none und visibility:hidden

cu,
Andreas

[Peete]

befasse Dich mit den Unterschieden von display:none und visibility:hidden

Super ! Danke !