webForumDet fria alternativet

Problem med funktion som döljer div

2 svar · 169 visningar · startad av flexish

flexishMedlem sedan jan. 200548 inlägg
#1

Hej!

Jag har en javascript som döljer/visar en div när jag klickar på en länk...det ser ut som följande:

function show() {
    var s = document.getElementById("add_form").style;
    s.display = (s.display == 'none') ? 'block' : 'none';
}

<a href="javascript:show()">Post form</a>

<div id="add_tut" style="display:none">
<p>
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
</p>
</div>

Jag nu har lagt till ytterligare en div med samma egenskaper på samma sida och om man klickar på länken visas respektive div och den försvinner när man klickar igen. Så detta funkar tillfredsställande. Mitt problem är att jag vill är att om den ena diven visas och man klickar på länken till den andra diven så skall den första gömmas och vice versa.

Någon som vet hur jag skall anpassa mitt javascript för att få detta att fungera?

Mvh,
Stefan

jawbreakerMedlem sedan jan. 2003296 inlägg
#2

Hej!

Något sånt här kanske?

function show() {
    var s = document.getElementById("add_form").style;
    var t = document.getElementById("add_tut").style;
    s.display = (s.display == 'none') ? 'block' : 'none';
    t.display = (s.display == 'none') ? 'block' : 'none';
}
flexishMedlem sedan jan. 200548 inlägg
#3

Funkar fint!

Tackar!

132 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)