visa/dölja html

hejsan

hur gör man detta, låt oss säga att jag har en sök knapp, när man klickar på den så skall ett formulär visas där sök knappen befann sig utan att behöva skapa en helt ny sida med sökfunktionen, har nämligen sätt vissa sidor som har detta:

<div id="Idnamnet" style="{display:none;}">
massa html kod
</div>

sedan när man klickar på sök så visas html koden som finns mellan div taggarna, och sedan finns det en stäng länk, som döljer koden mellan div taggarna??

<button onclick="document.getElementById('etwas').style.display='block';">Sök</button>

<div id="etwas" style="display: none">

<form>
<input type="text" />
</form>

<a href="#" onclick="document.getElementById('etwas').style.display='none';">Dölj</a>

</div>

man tackar

Vill ha en liknande funktion på en sida, men gillar inte knappen (Sök) utan skulle vilja ha en text länk istället.

Går det på något sätt?

Tittar du lite närmare på exemplet ger det sig nog själv. Du har redan en text-länk för Dölj-alternativet.

<a href="#" onclick="document.getElementById('etwas').style.display='block';">Sök</a>

<div id="etwas" style="display: none">

<form>
<input type="text" />
</form>

<a href="#" onclick="document.getElementById('etwas').style.display='none';">Dölj</a>