Autor Zpráva
Maxdoney
Profil
Zdravím, potřeboval bych zjednodušit tento spoiler jen jako HTML (bez použití CSS stylů, Javascriptu, PHP atd.) a nevím jak to udělat, šlo by to nějak ?, nebo třeba i tak aby se více spoilerů nehádalo?
<style>#spoiler {display: none;}#spoiler:target {display: block;}</style>
<a href="#spoiler">Otevřít</a><br>
<p><span id="spoiler"><a href="">Zavřít</a><br>
Text ve spoileru</p></span>
juriad_
Profil *
Ne nejde. Pozor na křížení značek.
Str4wberry
Profil
Vaším způsobem by to mohlo vypadat následovně:

Živá ukázka

Každý spoiler bude mí různý odkaz a id. Zrušení :targetu je možné uvedením třeba pouhé # jako cíle zavíracího odkazu.

Jednom doplním, že selektor :target funguje až od Internet Exploreru 9, pro starší prohlížeče je nutné sáhnout po JavaScriptu. Případně by šlo použít :focus, ale to nebude fungovat asi úplně podle představ.
Maxdoney
Profil
juriad:
Jo díky.. <p><span></p></span>

Bez CSS to asi nejde.. ale hádání spoilerů jsem nakonec vyřešil sám, dokonce se i zavírá spoiler1 díky znovunačtení když se otevře spoiler2, posílám kód kdyby někdo chtěl..
<style>.spoil {color: orange; font-style: normal;}
.spoiler {display: none;}
.spoiler:target {display: block;}</style>

<p><a class="spoil" href="#spoiler1">ModPack 1.03 s Minecraftem 1.6.4</a></p>
<span class="spoiler" id="spoiler1"><p><a class="spoil" href="">Zavřít složku</a><br>
Text ve spoileru 1</p></span>
<p><a class="spoil" href="#spoiler2">ModPack 2.00 s Minecraftem 1.7.2</a></p>
<span class="spoiler" id="spoiler2"><p><a class="spoil" href="">Zavřít složku</a><br>
Text ve spoileru 2</p></span>

Náhled spoileru, omluvte průhledné pozadí je to iframe:(Oddělení Minecraft) www.cubedreams.inu.cz/archiv.html

Str4wberry:
V té živé ukázce jsemse vůbec nevyznal, ale jinak díky .. zavírací odkaz jsem nechal prázdný a javascript právě nechci..
Žblabla
Profil *
Ahoj,
jak se dělá ten nejjednodušší spoiler?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: