Prvek details

Prvek <details> vytváří otvírací blok. Základní syntaxe vypadá následovně:

<details>
  <summary><strong>Toto je otvírací blok</strong></summary>

  <p>Tyto detaily se objeví až po jeho otevření.</p>
</details>

Obsah prvku <summary> je zobrazen vždy. Zbývající obsah prvku <details> lze zobrazovat a skrývat kliknutím na <summary> nebo klávesou Enter, pokud je prvek <summary> zaměřen klávesou Tab.

Toto je otvírací blok

Tyto detaily se objeví až po jeho otevření.

Tento blok je otevřen

Prvek <details> zde obsahuje atribut open, takže se při vstupu na stránku rovnou otevře. Kliknutím na nadpis jej můžete zavřít.

Spřažené bloky

Následující bloky mají všechny atribut name obsahující stejné jméno. Proto může být v jednom okamžiku otevřen jen jeden. Jakmile některý otevřete, ostatní bloky se stejným jménem se zavřou.

První

Detaily mohou být otevřeny jen pro jeden z těchto tří bloků.

Druhý

Detaily mohou být otevřeny jen pro jeden z těchto tří bloků.

Třetí

Detaily mohou být otevřeny jen pro jeden z těchto tří bloků.