Kомпонент Аккордеон (sfAccordion)
Назначение компонента
Компонент sfAccordion (аккордеон) позволяет организовать контент в складные секции, где пользователь может разворачивать и сворачивать отдельные элементы для просмотра содержимого. Это полезно для:
- Организации FAQ-разделов
- Отображения дополнительной информации без перегрузки интерфейса
- Создания компактных меню и навигации
- Группировки связанного контента
Параметры компонента
Для данного компонента параметры не указываются.
Данные компонента
Данные записываются в массив tabs в виде {"tabs": [{"title": "tab_1","content": "content"}, {"title": "tab_2","content": "content"}, {"title": "tab_2","content": "content"}]}
title - это заголовок вкладки, а content - её содержимое.
События компонента
Для инициализации компонента необходимо указать события типа ready с названием inititate:
events='{"ready":{"0":{"sfAccordion":{"action":"initiate"}}}}'
Пример компонента
<smart
name="sfAccordion"
id = "sfAccordion"
events='{"ready":{"0":{"sfAccordion":{"action":"initiate"}}}}'
sf-code="sfAccordion"
data='{"tabs": [{"title": "Что такое компания Симай? ", "content": "Компания SIMAI – лидер на рынке информационных решений г. Уфы, золотой сертифицированный партнер 1С-Битрикс, компания входит в 30-ку лучших экспертов 1C-Битрикс в мире. Мы знаем, что нужно именно Вам и предложим готовое решение, учитывающее специфику вашего бизнеса, которое поможет вам привлечь новых клиентов, оптимизировать бизнес-процессы и сэкономить приличные деньги на рекламе!"},
{"title": "Какие услуги вы предлагаете? ","content": "Вам нужно представить ваш бизнес в интернете? Мы сделаем для вас сайт под ключ. Хотите продавать через интернет? Мы разработаем для вас интернет-магазин. Требуется организовать работу коллектива? Мы подготовим для вас корпоративный портал."},
{"title": "Как с вами связаться?","content": "С нами можно связаться различными способами, включая социальные сети."}]}'
>
</smart>