Итак, спойлер сделать достаточно просто. Для этого подключаем в шаблоне библиотеку jQuery, можно скачать и положить в шаблон с компонентом, а можно и подключить со стороны:
Далее добавляем следующий JavaScript код, отвечающий за плавное открытие и скрытие спойлеров:
Что бы спойлеры по умолчанию были закрыты:
И интегрируем в шаблон вывода компонента новости news.list вот такой код-
1. Для заголовка новости:
<?if($arParams["DISPLAY_NAME"]!="N" && $arItem["NAME"]):?>
<a href="<?=$arItem["DETAIL_PAGE_URL"]?>" class="spoiler_links"><?echo $arItem["NAME"]?></a>
<?endif;?>
2. Для вывода контентной части анонса:
<?if($arParams["DISPLAY_PREVIEW_TEXT"]!="N" && $arItem["PREVIEW_TEXT"]):?>
<div class="spoiler_content"><?echo $arItem["PREVIEW_TEXT"];?></div>
<?endif;?>
3. Весь вывод новости заключаем в <div>весь вывод</div> - что бы новости реагировали на клик не одновременно.
Пример работы у меня Вопросы по битрикс
![]()
Екатерина Аристова
|
||||
|
||||
![]()
Михаил Базаров
|
||||
Способ рабочий, делал не давно по нему PS Может не работать с jquery-3 и выше. |
||||
На нем, уже много видеоуроков по 1С-Битрикс. Как одиночные видео так и серии видеоуроков Перейти на канал
Совсем скоро выйдет видеокурс по разработке доски объявлений с мобильным приложением. Подписывайтесь и будьте в курсе: