Главная / Каталог / UI-компоненты
«Вопросы и ответы» — 6 блоков FAQ
Цена: 450 ₽
Шесть блоков FAQ: классический аккордеон, две колонки, категории с живым поиском по ключевым словам, нумерованный список, тёмная версия и блок «не нашли ответ».
Набор закрывает раздел вопросов на любом сайте — от трёх пунктов на лендинге до большой страницы помощи. Все четыре аккордеона работают на одной функции: ей передаются селекторы кнопки, панели и пункта, а высота раскрытия берётся из scrollHeight, поэтому ответ любой длины помещается целиком.
Главное в наборе — поиск. У каждого вопроса есть необязательное поле с ключевыми словами, и это решает главную беду FAQ: люди ищут не теми словами, которыми вы пишете. В ответе написано «вернуть», а человек набирает «возврат» — без синонимов он ничего не найдёт и уйдёт. Поиск проверяет вопрос, ответ, название категории и ключевые слова, подсвечивает совпадения в видимом тексте и экранирует ввод.
Что умеет
- Одна функция на все четыре аккордеона
- Режим «открыт только один пункт» через data-single
- Живой поиск с синонимами и подсветкой совпадений
- Фильтр по категориям и понятная заглушка «ничего не нашлось»
- Нумерованный список без скриптов — для SEO и печати
- Тёмная версия и блок «не нашли ответ» с кнопками
- Префикс .prq- — не конфликтует с чужими стилями
- Адаптив и уважение prefers-reduced-motion
Разделы
- Классический аккордеон
- Две колонки
- Категории и поиск
- Нумерованный список
- Тёмная версия
- Не нашли ответ