--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element' title: 'Dodawanie panelu zwijanego. | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T02:45:29+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Użyj panelu zwijanego, znanego też jako akordeon, gdy chcesz listy nagłówków otwieranych przez odwiedzających pojedynczo. Sprawdza się w FAQ, na listach funkcji i w długich treściach, które lepiej czyta się na części. Powstaje stos pytań, których odpowiedzi otwierają się po kliknięciu. Przykład buduje trzy pytania na stronę FAQ agencji. tags: - Lay-out image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie panelu zwijanego.' description: |- Użyj panelu zwijanego, znanego też jako akordeon, gdy chcesz listy nagłówków otwieranych przez odwiedzających pojedynczo. Sprawdza się w FAQ, na listach funkcji i w długich treściach, które lepiej czyta się na części. Powstaje stos pytań, których odpowiedzi otwierają się po kliknięciu. Przykład buduje trzy pytania na stronę FAQ agencji. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T02:45:29+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element' articleSection: Lay-out - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element' description: |- Użyj panelu zwijanego, znanego też jako akordeon, gdy chcesz listy nagłówków otwieranych przez odwiedzających pojedynczo. Sprawdza się w FAQ, na listach funkcji i w długich treściach, które lepiej czyta się na części. Powstaje stos pytań, których odpowiedzi otwierają się po kliknięciu. Przykład buduje trzy pytania na stronę FAQ agencji. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Lay-out](/hc/documentation/learn-dxpr-builder/layout/overview) # Dodawanie panelu zwijanego.. Learn DXPR BuilderBuild pagesAdd contentLay-out ## In this guide Related guides - [Dodawanie panelu kart.](/pl/hc/documentation/learn-dxpr-builder/layout/tabs-element) - [Strona FAQ.](/pl/hc/documentation/learn-dxpr-builder/tutorials/faq-page) - [Dodawanie układu zagnieżdżonego.](/pl/hc/documentation/learn-dxpr-builder/layout/nesting) Użyj panelu zwijanego, znanego też jako akordeon, gdy chcesz listy nagłówków otwieranych przez odwiedzających pojedynczo. Sprawdza się w FAQ, na listach funkcji i w długich treściach, które lepiej czyta się na części. Powstaje stos pytań, których odpowiedzi otwierają się po kliknięciu. Przykład buduje trzy pytania na stronę FAQ agencji. ## Dodawanie panelu zwijanego 1. Kliknij **+** na sekcji i wybierz **Collapse panel**na karcie **Layout**. Powstaje z jednym przełącznikiem. 2. Otwórz ustawienia panelu z jego menu **More**. Opcją **Collapse** wybierz, czy każdy przełącznik zaczyna zwinięty. Tutaj jest włączona. Wybierz **Expand icon** i kliknij **Save**. 3. Najedź na przełącznik, otwórz jego menu **More**i wybierz **Settings**. Wpisz pytanie jako **Toggle title** i kliknij **Save**. 4. Kliknij pytanie, aby otworzyć przełącznik. Kliknij **+**w środku, wybierz **Text** i wpisz odpowiedź. 5. Kliknij **Add toggle** na pasku sterowania panelu, aby dodać kolejne pytanie. Nowe przełączniki lądują na górze, więc najpierw dodaj ostatnie pytanie. 6. Kliknij **Save** na pasku narzędzi. W podglądzie kliknij pytanie, aby sprawdzić, czy odpowiedź się otwiera. ## Efekt Każde pytanie jest nagłówkiem z wybraną ikoną rozwijania. Kliknięcie otwiera odpowiedź pod spodem, a otwarta wcześniej odpowiedź się zamyka. Przy wyłączonym **Collapse** pierwsza odpowiedź jest otwarta po wczytaniu strony. Odpowiedzi zostają w kodzie HTML strony po zwinięciu, więc wyszukiwarki wciąż je czytają. ## Konfiguracja panelu zwijanego Element **Collapse panel** ma dwa ustawienia, w **More**> **Settings** na jego pasku sterowania. | Ustawienie | Do czego służy | Domyślnie | |---|---|---| | **Collapse** | On: każdy przełącznik zaczyna zwinięty. Off: pierwszy przełącznik zaczyna otwarty | Off | | **Expand icon** | Ikona przy każdym tytule: **None**, **+** (plus i minus) albo **﹀** (strzałka) | None | Każdy przełącznik ma jedno ustawienie, **Toggle title**: pytanie albo nagłówek, który klikają odwiedzający. ## Zarządzanie przełącznikami - **Reorder**: przeciągnij przełącznik za **Toggle**na jego pasku sterowania i upuść go nad innym albo pod nim. - **Rename**: najedź na przełącznik, otwórz **More** > **Settings**, zmień **Toggle title** i kliknij **Save**. - **Remove**: najedź na przełącznik, otwórz **More**i wybierz **Delete**. Odpowiedź w środku znika razem z nim. Przełącznik mieści dowolne elementy: tekst, zdjęcia, przyciski albo wiersz z kolumnami. Każdą odpowiedź pisz krótko. Jeśli odpowiedź potrzebuje własnej strony, podlinkuj ją zamiast tego. ## Jeśli go nie widzisz - **Nowe pytanie pojawia się na górze.** **Add toggle**zawsze wstawia na górze panelu. Przeciągnij przełącznik za **Toggle**na jego pasku sterowania w wybrane miejsce. - **Ustawienia pokazują tylko Toggle title.** Otwarto ustawienia jednego przełącznika. Najedź na górną krawędź panelu, aby pokazał się pasek sterowania **Collapse panel**, a potem otwórz tam **More** > **Settings**. - **Pierwsza odpowiedź jest otwarta po wczytaniu strony.** **Collapse** jest wyłączone. Włącz je w ustawieniach **Collapse panel**, aby każda odpowiedź zaczynała zwinięta. - **Panelu zwijanego nie ma na karcie Layout selektora.** Twój profil użytkownika DXPR Builder go pomija. Administrator zaznacza **Accordion** w **Elements** w twoim profilu pod adresem `/admin/dxpr_studio/dxpr_builder/profile`. ## Co dalej? - [Dodawanie panelu kart](/pl/hc/documentation/learn-dxpr-builder/layout/tabs-element): pokaż powiązane treści obok siebie zamiast w stosie. - [Poradnik strony FAQ](/pl/hc/documentation/learn-dxpr-builder/tutorials/faq-page): zbuduj całą stronę FAQ wokół panelu zwijanego. - [Zagnieżdżanie](/pl/hc/documentation/learn-dxpr-builder/layout/nesting): umieść wiersze i kolumny w przełączniku.