div show/hide problem

Prøv at smide dem i en tabel.

Det har jeg allerede gjort...
Siden ligger her: http://www.gjogvadventure.fo/default.aspx?gid=d6F6AEA56-37D4-46FC-9B23-11CEA7172912

det er problemet med "Want accomodation ?" checkboxen og felterne nedenfor...

Så forstår jeg ikke hvad du mener. Hos mig udvider siden sig bare ved at "GO" rykker ned og 2 nye felter kommer frem?

<div id="accregform">
->
<div id="accregform" style="position:absolute;visibility:hidden;">

>>mclemens

-- det ser mærkeligt ud, når man kigger på spørgerens problem ...

-- en mulig løsning er f.eks.

Angiv leveringsadresse: <input type="checbox" onclick="document.getElementById('levAddr').style.display=this.checked?'block':'none'">
<div id="levAddr" style="dislay:none;">
  Adresse1: <input type="text" name="levAddr1"><br>
  Adresse2: <input type="text" name="levAddr2"><br>
  Postnr. og -by: <input type="text" name="levZipCity">
</div>

Hrm, tavetossernes paradis ,-(

Angiv leveringsadresse: <input type="checkbox" onclick="document.getElementById('levAddr').style.display=this.checked?'block':'none'">
<div id="levAddr" style="display:none;">
...

roenving, problemet er løst på siden...
- der er i forvejen en sådan funktion tilknyttet sitet den ser sådan her ud:

function changeAccomodation(targetid,loading){
    if (document.getElementById(targetid).style.visibility == 'visible'){
        document.getElementById(targetid).style.position = 'absolute';
        document.getElementById(targetid).style.visibility = 'hidden';
    } else {
        document.getElementById(targetid).style.position = '';
        document.getElementById(targetid).style.visibility = 'visible';
    }
}

->

function changeAccomodation(targetid,loading){
tmpnode=document.getElementById(targetid);
    if (tmpnode.style.visibility == 'visible'){
        tmpnode.style.position = 'absolute';
        tmpnode.style.visibility = 'hidden';
    } else {
        tmpnode.style.position = 'relative';
        tmpnode.style.visibility = 'visible';
    }
}

Problemet er at når man kommer ind på siden fra start af er <div id="accregform">
ikke placeret som absolute fra start af før man har være igennem funktionen en gang... derfor det ekstra style tag til div'en som jeg skrev

roenving, problemet er løst på siden...
-> roenving, problemet med at skjule
og vise felterne er løst på siden...

hmm, ved egentlig ikke hvad den loading variabel
laver i det script ved nærmere eftertanke???

-- det er vel noget vrøvl at bruge absolut positionering, hvis man netop skal rykke andre elementer ?-)

... ja, så skal man jo skifte mellem display:none; og block;
- men det var jo en rettelse og ikke et nyt script ...

JScript.js: (scriptet i bunden erstattes af dette)

function changeAccomodation(targetid){
tmpnode=document.getElementById(targetid);
tmpnode.style.display=(tmpnode.style.display=='none')?"block":"none";
}


og i html filen:

<input name="ctl00$cphMiddle$Booking1$cbAccomodation" id="ctl00_cphMiddle_Booking1_cbAccomodation" onclick="changeAccomodation('accregform');" type="checkbox">Want accomodation ?

...

            <div id="accregform" style="display:none;">

Så, nu er der da to valgmuligheder :)

edit: det sidste virkede ikke :/
http://www.eksperten.dk/spm/702438#rid6206433
virker... men der er åbenbart noget andet der
er afhængig af scriptets opbygning p.t.

brug evt. løsningen i svaret 3 højere oppe sammen med denne div istedet
- der er åbenbart et script der skjuler / viser formular felter baseret på visibility af id's

<div id="accregform" style="visibility:visible;display:none;">

Jeg kigger på problemet så snart jeg har tid...