# Kibontás widget: összecsukható konténer és belső szakasz

> Konténer vagy belső szakasz összecsukása a Kibontás widgettel: elhelyezés, kibontási irány, maximális magasság és hibaelhárítás.

A hosszú konténer, például műszaki adatokkal vagy gyakori kérdésekkel, felesleges görgetésre kényszeríti a látogatót. A **Kibontás** widget a szomszédos konténert vagy belső szakaszt egy megadott magasságra vágja, és **Bővebben** / **Kevesebb** gombot tesz hozzá.

## Előkészületek

- A **Kibontás** Pro widget; kapcsold be a **The Plus Addons → Widgets** oldalon az **Unfold** kapcsolójával.
- Konténerhez konténerekkel épített elrendezés kell; belső szakaszhoz klasszikus szakasz, amelynek oszlopában a belső szakasz áll.
- A teljes beállításlistát az [áttekintésben](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/dobozok-gombok-kibontas-attekintes/) találod.

## Konténer összecsukhatóvá tétele

1. Építsd meg az összecsukandó tartalmat egy saját konténerben.
2. Tegyél közvetlenül e konténer fölé (vagy alá), vele azonos szinten egy másik konténert, és húzd bele a **Kibontás** widgetet. Ne tedd a widgetet az összecsukandó konténerbe ágyazott konténerbe.
3. A **Kibontás** panelen írj **Címet**, ha kell, és a **Forrás kiválasztása** mezőben válaszd a **Konténeralapú** értéket.
4. Ugyanitt állítsd be a **Kibontógomb szövegét**, az **Összecsukógomb szövegét** és a gombok ikonját.
5. A **Tartalom beállításai** szakaszban válaszd ki a **Tartalom kibontásának irányát**: **A gomb felett**, ha a widget konténere közvetlenül az összecsukandó konténer fölött van, **A gomb alatt**, ha közvetlenül alatta.
6. Állítsd be a **Maximális magasságot** (alapérték 100 px), tedd közzé az oldalt, és próbáld ki a gombot.

![Összecsukott műszaki adatok konténer a Bővebben gomb alatt](./kepek/dobozok-gombok-8-unfold-tarolo-zart.webp)

*Összecsukott műszaki adatok konténer a Bővebben gomb alatt* (https://minta-bolt.hu/tp-d8-unfold-tarolo/)

A képen a műszaki adatok konténere a megadott magasságra vágva, halványodó aljjal látszik a **Bővebben** gomb alatt.

![A kibontott konténer a Kevesebb gomb alatt](./kepek/dobozok-gombok-8-unfold-tarolo-nyitott.webp)

*A kibontott konténer a Kevesebb gomb alatt* (https://minta-bolt.hu/tp-d8-unfold-tarolo/)

A kattintás után a teljes konténer látszik, a gomb felirata **Kevesebb**.

### Működés

- Csak a **Kibontás** widget konténerének közvetlen szomszédja csukódik össze: **A gomb felett** esetén a következő, **A gomb alatt** esetén az előző konténer.
- Összecsukva a konténer a **Maximális magasságra** van vágva, világosszürke halványítással. Ha az **Egyéni átlátszatlanság** be van kapcsolva, csak az alsó **Fedvény magassága** sáv halványul a **Fedvény színére**.
- A **Maximális magasság** eszközönként állítható: a tabletérték 1024 képpont szélességtől lefelé, a mobilérték 767 képponttól lefelé érvényes.
- A **Kevesebb** az éppen használt eszköz **Maximális magasságára** zárja vissza a konténert.

### Korlátok

- Ha az irány nem egyezik az elrendezéssel, vagy a widget beágyazott konténerben áll, semmi nem csukódik össze, de a gomb felirata továbbra is vált a **Bővebben** és a **Kevesebb** között.
- A **Maximális magasságnál** alacsonyabb konténernél nincs gomb, és a konténer mégis arra a magasságra nyúlik.
- Ha az **Egyéni átlátszatlanságot** bekapcsolod, de nem adsz meg **Fedvény színét**, a halványítás teljesen eltűnik.
- Az alapértelmezett gombikonok az oldalon nem látszanak. Válassz saját ikont, és állítsd a méretét: **Stílus → Váltógomb → Kapcsolóikon beállításai**.

## Belső szakasz összecsukása

Ez az útmutató a szakaszokkal épített elrendezésekre való. Konténeres oldalnál a fenti módszert használd.

1. Nyisd meg azt az oszlopot, amelyben az összecsukandó belső szakasz áll.
2. Húzd a **Kibontás** widgetet ugyanabba az oszlopba, közvetlenül a belső szakasz fölé (vagy alá).
3. Állítsd a **Forrás kiválasztása** mezőt **Belső szakasz alapú** értékre, és szükség esetén írj **Címet**.
4. A **Tartalom beállításai** között a **Tartalom kibontásának iránya**: **A gomb felett**, ha a widget közvetlenül a belső szakasz fölött van, **A gomb alatt**, ha közvetlenül alatta.
5. Állítsd be a **Maximális magasságot** (alapérték 100 px), tedd közzé az oldalt, és próbáld ki a gombot.

### Működés

- Csak az oszlopban közvetlenül a widget mellett álló belső szakasz használt: **A gomb felett** esetén a következő, **A gomb alatt** esetén az előző.
- Összecsukva a belső szakasz a **Maximális magasságra** van vágva, világosszürke halványítással. A **Bővebben** teljes magasságra nyitja, a **Kevesebb** visszazárja.
- A **Maximális magasság** eszközönként állítható, ugyanazokkal a töréspontokkal, mint a konténernél.

### Korlátok

- Egyszerre csak egy belső szakasz csukódik össze: az, amelyik közvetlenül a widget mellett áll.
- Az alapértelmezett gombikonok itt sem látszanak az oldalon; válassz saját ikont, és add meg a méretét.

## Hibaelhárítás

| Jelenség | Teendő |
| --- | --- |
| A közzétett oldalon semmi nem csukódik össze. | Told úgy a **Kibontás** widgetet, hogy közvetlenül a célelem fölött vagy alatt álljon, azonos szinten, köztük semmivel, konténernél ne ágyazott konténerben. Ellenőrizd, hogy a **Tartalom kibontásának iránya** egyezik a sorrenddel. |
| Nem jelenik meg a gomb. | A konténer vagy a belső szakasz alacsonyabb a **Maximális magasságnál** az adott eszközön. Csökkentsd az értéket. |
| Eltűnt a halványítás. | Ha az **Egyéni átlátszatlanság** be van kapcsolva, válassz **Fedvény színt**. |