# Részletek blokk

> Összecsukható tartalom egy kattintással nyíló összefoglalóval: beállítások, nyitott állapot és csoportosítás.

A **Részletek** blokk egy összefoglaló szöveget és egy nyílgombot jelenít meg. Ha az olvasó a szövegre vagy a gombra kattint, a blokk kinyílik, és megmutatja a hozzá tartozó rejtett tartalmat. Jó választás GYIK-oldalakra, vagy ha részletes információt (például egy esemény programját) csak igény szerint akarsz megmutatni.

A blokknak két része van:

- **Összefoglaló:** a mindig látható cím. Kattints a helyőrző szövegre, és írd be a sajátodat. A blokk ezt a szöveget használja címkeként, hasonlóan a Címsor blokkhoz.
- **Rejtett tartalom:** a blokkon belüli blokkok, amelyek addig nem látszanak, amíg a blokk nincs kinyitva.

Zárt állapotban a nyíl az összefoglaló szövege felé mutat, nyitott állapotban lefelé, a tartalom felé.

## A blokk hozzáadása

Kattints a **+** gombra, és válaszd a **Részletek** blokkot. Egy üres Bekezdés blokkba beírt `/details` és az enter is beszúrja.

## Az eszköztár

![A Részletek blokk kijelölve a szerkesztőben](./kepek/blokkok-reszletek-szerkeszto.webp)

*A Részletek blokk kijelölve a szerkesztőben* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=edit)

A képen a kijelölt blokk látszik az összefoglalóval és a megnyitott tartalommal; az oldalsávon a **Beállítások** és a **Haladó** panel.

- **Átalakítás:** a blokkot Csoport vagy Oszlopok blokkba teszi.
- **Húzás:** a hatpontos ikonnal húzd a blokkot az új helyére; a kék vonal mutatja, hová kerül.
- **Mozgatás fel / le:** a nyilakkal egy hellyel följebb vagy lejjebb teheted.
- **Igazítás módosítása:** nincs, széles vagy teljes szélesség.
- **További szövegformázás:** kiemelés, kódként formázás, áthúzás és más szövegformázási lehetőségek a kijelölt szövegre.
- **Beállítások** (három pont): másolás, kettőzés, törlés és más műveletek.

## A beállítások

Az oldalsávon két fül van: a fogaskerék a beállításokat, a félig kitöltött kör a stílusokat tartalmazza.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Alapértelmezetten nyitva** | a blokk megnyitott állapotban jelenik meg, és az olvasó csukhatja be | kikapcsolva |

A **Haladó** panelen találod a HTML-horgonyt, a további CSS-osztályokat, a további CSS-t, a **Név** attribútumot és az engedélyezett blokkok beállítását.

### Részletek blokkok összekapcsolása

A **Név** attribútummal összetartozó blokkokat hozhatsz létre: az azonos nevű Részletek blokkok harmonikaként működnek, vagyis az egyik kinyitásakor a többi becsukódik. Ha például az 1. és a 2. blokk neve is `gyik`, akkor az egyik kinyitása bezárja a másikat. A harmadik blokk, amelynek más a neve, tőlük függetlenül nyílik és csukódik. Ha azt szeretnéd, hogy minden blokk magától nyíljon és záródjon, hagyd üresen a mezőt.

### Stílusok

- **Szín:** szöveg-, háttér- és hivatkozásszín.
- **Betűkészlet:** betűtípus, megjelenés, sormagasság, betűköz, díszítés, kis- és nagybetűk, betűméret.
- **Méretek:** belső és külső margó.
- **Keret:** a keret színe, stílusa, vastagsága és lekerekítése.

Ha több, összehangoltan nyíló és záródó elemre van szükséged, nézd meg a [Harmonika blokkot](https://hub.hellowp.io/hu/manuals/wordpress/blokkok/blokkok-harmonika/) is.