Gjøre om "display:none" til "display:block"

[dan1el]

Morn.

 

Jeg er ute etter et javascript som fungerer slik:

 

* Man klikker på en link

* En boks spretter opp under

* Når man klikker på den samme linken igjen, lukkes boksen.

 

Skal gjøre dette med CSS. Tenkte da å ha en <div> med inline-style "display: none" slik at den ikke vises. Når brukeren klikker på linken forandres dette til "display: block" slik at den vises... og omvendt.

 

Dette burde ikke være umulig?

[Drømmemannen]

<a href="javascript:visboks()">Vis/skjul boks</a>

<div id="boks" style="display:none">
.................
</div>

 

function visboks() {
   var boks = document.getElementById("boks");
   if (boks.style.display == "none") {
       boks.style.display = "block";
   } else {
       boks.style.display = "none";
   }
}

 

Edit: feil i koden

Endret 24. mai 2005 av balletryne

[dan1el]

Takker så meget! Du kan se scriptet i aksjon her:

http://www.dan1el.net/photoblog/about.php

 

Bare klikk på "Open contact form".

[Drømmemannen]

Stilig måte å gjøre det på

 

Edit: Synes kanskje sendeknappen burde vært like bred som resten

Endret 24. mai 2005 av balletryne

[dan1el]

Stilig måte å gjøre det på 

 

Edit: Synes kanskje sendeknappen burde vært like bred som resten

Av en eller annen grunn så vil den ikke bli like lang ved width: 100%; men jeg skal prøve litt til... har nemmelig sett på den

 

Edit: måtte bruke pixler..

Endret 24. mai 2005 av dan1el