Спойлер для скрытия длинных текстов
Спойлеры используются как декоративный элемент для скрытия контента. Основная задача — скрывать что-то и при нажатии кнопки показывать это.
Внешний вид спойлера можно обыграть по-разному, но общий смысл в наличии ссылки — заголовка при нажатии на который показывается контент.
Скрипт можно добавить на страницу до места где будет использоваться спойлер либо в раздел head подключаемым файлом.
Чтобы спойлер при открытии страницы был в скрытом состоянии нужно в css добавить свойства
1 2 |
.spoiler_body {display:none;} .spoiler_links {cursor:pointer; border-bottom: 1px dashed black} |
1 2 3 |
<div><a class="spoiler_links">Заголовок</a> <div class="spoiler_body">Скрытый текст</div> </div> |
Рассказать: