Problem med funktion som döljer div

JavaScript

2 svar · 175 visningar · startad av flexish

Medlem sedan jan. 200548 inlägg
Trådstart#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

Medlem 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';
}
Medlem sedan jan. 200548 inlägg
#3

Funkar fint!

Tackar!

273 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)