---
url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B7%D0%B3%D0%BE%D1%80%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C'
title: 'Додавання згортальної панелі | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:18:56+00:00'
updated: '2026-10-24T20:03:43+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Використовуйте згортальну панель, відому також як акордеон, коли хочете список заголовків, які відвідувачі відкривають по одному. Вона пасує для частих запитань, списків функцій і довгого вмісту, який краще читається частинами. У результаті ви маєте стос запитань, відповіді на які відкриваються після натискання. Приклад створює три запитання для сторінки частих запитань агенції.'
tags:
  - Layout
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:03:43+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Додавання згортальної панелі'
      description: 'Використовуйте згортальну панель, відому також як акордеон, коли хочете список заголовків, які відвідувачі відкривають по одному. Вона пасує для частих запитань, списків функцій і довгого вмісту, який краще читається частинами. У результаті ви маєте стос запитань, відповіді на які відкриваються після натискання. Приклад створює три запитання для сторінки частих запитань агенції.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:18:56+0000'
      dateModified: '2026-10-24T20:03:43+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/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B7%D0%B3%D0%BE%D1%80%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C'
      articleSection: Макет
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B7%D0%B3%D0%BE%D1%80%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C'
      description: 'Використовуйте згортальну панель, відому також як акордеон, коли хочете список заголовків, які відвідувачі відкривають по одному. Вона пасує для частих запитань, списків функцій і довгого вмісту, який краще читається частинами. У результаті ви маєте стос запитань, відповіді на які відкриваються після натискання. Приклад створює три запитання для сторінки частих запитань агенції.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/uk'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: uk
---
[Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Створення сторінок](/uk/hc/documentation/learn-dxpr-builder/build) /[Додавання вмісту](/uk/hc/documentation/learn-dxpr-builder/elements) /[Макет](/uk/hc/documentation/learn-dxpr-builder/layout/overview) # Додавання згортальної панелі.

 Вивчення DXPR BuilderСтворення сторінокДодавання вмістуМакет

   ## In this guide

 Related guides

- [Додавання панелі вкладок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA)
- [Створення сторінки частих запитань](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D1%85-%D0%B7%D0%B0%D0%BF%D0%B8%D1%82%D0%B0%D0%BD%D1%8C)
- [Додавання вкладеного макета](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%B5%D0%BD%D0%BD%D1%8F)

Використовуйте згортальну панель, відому також як акордеон, коли хочете список заголовків, які відвідувачі відкривають по одному. Вона пасує для частих запитань, списків функцій і довгого вмісту, який краще читається частинами. У результаті ви маєте стос запитань, відповіді на які відкриваються після натискання. Приклад створює три запитання для сторінки частих запитань агенції.

## Додавання згортальної панелі

1. Натисніть **+** на розділі й виберіть **Collapse panel** на вкладці **Layout**. Спочатку вона має один перемикач.
2. Відкрийте налаштування панелі із її меню **More**. За допомогою **Collapse** виберіть, чи починається кожен перемикач закритим. Тут увімкнено. Виберіть **Expand icon** і натисніть **Save**.
3. Наведіть курсор на перемикач, відкрийте його меню **More** і виберіть **Settings**. Введіть запитання як **Toggle title** і натисніть **Save**.
4. Натисніть запитання, щоб відкрити перемикач. Натисніть **+** усередині нього, виберіть **Text** і введіть відповідь.
5. Натисніть **Add toggle** на панелі керування панелі для наступного запитання. Нові перемикачі стають угорі, тож додавайте останнє запитання першим.
6. Натисніть **Save** на панелі інструментів. У попередньому перегляді натисніть запитання, щоб перевірити, що його відповідь відкривається.

  ## Що ви бачите

Кожне запитання це заголовок із вибраною піктограмою розгортання. Натискання відкриває його відповідь під ним, а відкрита відповідь закривається. З вимкненим **Collapse** перша відповідь відкрита, коли сторінка завантажується. Відповіді лишаються в HTML сторінки, коли закриті, тож пошукові системи досі можуть їх читати.

## Налаштування згортальної панелі

Елемент **Collapse panel** має два налаштування в розділі **More** > **Settings** на його панелі керування.

| Налаштування | Що робить | Стандартно |
|---|---|---|
| **Collapse** | On: кожен перемикач починається закритим. Off: перший перемикач починається відкритим | Off |
| **Expand icon** | Піктограма поруч із кожним заголовком: **None**, **+** (плюс і мінус) або **﹀** (стрілка) | None |

Кожен перемикач має одне налаштування, **Toggle title**: запитання або заголовок, який натискають відвідувачі.

## Керування перемикачами

- **Reorder**: перетягніть перемикач за **Toggle** на його панелі керування й опустіть над іншим або під ним.
- **Rename**: наведіть курсор на перемикач, відкрийте **More** > **Settings**, змініть **Toggle title** і натисніть **Save**.
- **Remove**: наведіть курсор на перемикач, відкрийте **More** і виберіть **Delete**. Відповідь усередині видаляється разом із ним.

Перемикач містить будь-які елементи: текст, зображення, кнопки або рядок зі стовпцями. Робіть кожну відповідь короткою. Якщо відповідь потребує власної сторінки, натомість дайте посилання на цю сторінку.

## Якщо елемент не відображається

- **Нове запитання з’являється угорі.** **Add toggle** завжди вставляє перемикач угорі панелі. Перетягніть перемикач за **Toggle** на його панелі керування туди, куди хочете.
- **Налаштування показують лише Toggle title.** Ви відкрили налаштування одного перемикача. Наведіть курсор на верхній край панелі, щоб показалася панель керування **Collapse panel**, потім відкрийте там **More** > **Settings**.
- **Перша відповідь відкрита, коли сторінка завантажується.** **Collapse** вимкнено. Увімкніть його в налаштуваннях **Collapse panel**, щоб кожна відповідь починалася закритою.
- **Collapse panel немає на вкладці Layout вибору.** Ваш профіль користувача DXPR Builder його не включає. Адміністратор позначає **Accordion** у розділі **Elements** вашого профілю за адресою `/admin/dxpr_studio/dxpr_builder/profile`.

## Що далі?

- [Додавання панелі вкладок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA): показуйте пов’язаний вміст поруч, а не стосом.
- [Посібник зі сторінки частих запитань](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D1%85-%D0%B7%D0%B0%D0%BF%D0%B8%D1%82%D0%B0%D0%BD%D1%8C): створіть цілу сторінку частих запитань навколо згортальної панелі.
- [Вкладення](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%B5%D0%BD%D0%BD%D1%8F): розмістіть рядки й стовпці всередині перемикача.