Итак, спойлер сделать достаточно просто. Для этого подключаем в шаблоне библиотеку 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> - что бы новости реагировали на клик не одновременно.
Пример работы у меня Вопросы по битрикс
Еще в записках: Вывести новости из конкретного раздела инфоблока Битрикс Звездочки в рейтинге Битрикс статей и новостей Как вывести свойства инфоблока по отдельности и немного плюшек не в тему Произвольное колличество товаров в процессе покупки Табы из свойств инфоблока в Битрикс Тени уголком через css
Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей
и 6 гостей
Из стран:
5 чел.
1 чел.
Табы из свойств инфоблока в БитриксДумаю все знают что такое табы или вкладки. Расскажу как на ...
Подключение SSL на Битрикс виртуальная машинаДля некоторых сервисов, типа Яндекс Касса, требуется наличие...
Дополнительные картинки в списке элементов каталога битриксОчень редко, но бывают ситуации, когда надо вывести дополнительные...
Умный фильтр на главной странице БитриксДостаточно редкая но востребованная задачка- это вывести компонент...
Время на БД и веб сервере отличается на 3600 секунд, тест БитриксДостаточно часто, при проверке параметров системы, в Битрикс,...
Ускорение сайта Битрикс на ubuntu server, Memcached.До сегодняшнего дня арендовал виртуальный сервер в Германии ...
Создание сайтов на 1C-Битрикс
Свежие комментарии в блоге