[mojitoo]

Ursprungligen postat av martine

I checkboxen:

onclick="this.nextSibling.style.display='block'"

är betydligt enklare än att dra igång hela jQuery för detta om du bara vill visa och gömma den (gömma den görs som bekant med display: none).

Och naturligtvis bör du inte stoppa in onödiga div-element.

Nu vet jag inte exakt vad jag kan ha missat eller missförstått då ingenting händer när jag klickar i checkboxen.

Min textbox döljs även bara men tar ändå upp samma plats, fult med ett stort vitt mellanrum mellan checkboxen och spara knappen.

PHP-kod:

<form id="form" name="form" method="post" action="">
            <fieldset style="width: 450px;">
            <legend>KONTAKT INFORMATION</legend>
            <label for="fnamn">Förnamn:</label> <br />
            <input type="text" name="fnamn" id="fnamn" /> <br />
            <label for="enamn">Efternamn:</label> <br />
            <input type="text" name="enamn" id="enamn" /> <br />
            <label for="epost">E-postadress:</label> <br />
            <input type="text" name="epost" id="epost" /><br />
            <input type="checkbox" name="extra_info" id="var" value="var" onclick="this.nextSibling.style.display='block'"/>
            <label for="var">Extra information</label><br />
            <textarea name="meddelande" id="meddelande" cols="45" rows="5" style="display:none"></textarea> <br />
            <input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
            </fieldset>
        </form> 


Låt oss även säga att jag skulle vilja visa två labels och två textboxar som i detta exempel hur gör jag då:

PHP-kod:

<form id="form" name="form" method="post" action="">
            <fieldset style="width: 450px;">
            <legend>KONTAKT INFORMATION</legend>
            <input type="checkbox" name="extra_info" id="var" value="var"/>
            <label for="var">Lägg till för och efternamn</label><br />
            <label for="fnamn" style="display:none">Förnamn:</label> <br />
            <input type="text" style="display:none" name="fnamn" id="fnamn" /> <br />
            <label for="enamn" style="display:none">Efternamn:</label> <br />
            <input type="text" style="display:none" name="enamn" id="enamn" /> <br />
            <input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
            </fieldset>
        </form> 


Ni vore jättegulliga om ni hjälpte mig med detta.