Länk som öppnar test nedaför länken.

Permalänk
Medlem

Länk som öppnar test nedaför länken.

Söker ett script eller liknande som gör så när man klickar på en länk kommer det text under länken och när man klickar på samma länk igen alt en annan länk på sidan så försvinner texten. Hoppas ni är med på vad jag menar. Ska användas till en "frågor och svar"-sida.

Visa signatur
Permalänk
Medlem

Detta kan enkelt fixas med javascript.

Javascript (filen namnet.js):

function ShowNews() { document.getElementById('news').style.display = 'block'; document.getElementById('show').style.display = 'none'; document.getElementById('hide').style.display = 'block'; } function HideNews() { document.getElementById('news').style.display = 'none'; document.getElementById('show').style.display = 'block'; document.getElementById('hide').style.display = 'none'; }

HTML (i headern):

<script type="text/javascript" src="namnet.js"></script>

HTML (längre ner där du vill att det ska ske):

<a href="#older" onclick="ShowNews();" id="show">Svar</a> <a href="#" onclick="HideNews();" id="hide" style="display:none;">...Göm svar</a>

Sedan får du ändra dina attribut som du själv vill ha dem.

Visa signatur

POSTCARDS FROM ITALY

Permalänk
Medlem
Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem

Tack båda. Jag ska kolla bumms

Visa signatur
Permalänk
Medlem

Eller så kör du med denna Toggle-funktion där du bara skickar med objektets ID.

<script type="text/javascript"> function ToggleBox(id) { var e = document.getElementById(id); if (e.style.display == "block") { e.style.display = "none";} else { e.style.display = "block";} } </script>

sen ger du bara objekten som ska visas/döljas ett id och ropar på funktionen med:

<span onclick="ToggleBox('A')">Fråga</span> <span id="A" style="display: none;">Svar</span>

EDIT:

Permalänk
Medlem

Ska ta en titt på den. Det jag är ute efter är dock att när man vill stänga texten ska man kunna klicka på samma länk eller en annan nedanför. funkar det med ovanstående förslag??

Visa signatur
Permalänk
Medlem
Skrivet av nussse:

Ska ta en titt på den. Det jag är ute efter är dock att när man vill stänga texten ska man kunna klicka på samma länk eller en annan nedanför. funkar det med ovanstående förslag??

Det är det som menas med toggle..

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Permalänk
Medlem

Aha. Inte överdrivet insatt. Ska ta en ordentlig titt bumms

Visa signatur
Permalänk
Medlem

Får det inte att fungera. Blir inga länkar av frågan.

Edit. Hittade felet själv. koden jag kopierade var:
<span onclick="ToogleBox('A')">5. Fråga</span>
<span id="A" style="display: none;">Svar</span>

Men skulle ju varit
<span onclick="ToggleBox('A')">5. Fråga</span>
<span id="A" style="display: none;">Svar</span>

Tänk vad ett litet o kan ställa till det

Visa signatur