В начало блога На главную

Спойлер для скрытия длинных текстов

Спойлеры используются как декоративный элемент для скрытия контента. Основная задача — скрывать что-то и при нажатии кнопки показывать это.
Внешний вид спойлера можно обыграть по-разному, но общий смысл в наличии ссылки — заголовка при нажатии на который показывается контент.

Скрипт можно добавить на страницу до места где будет использоваться спойлер либо в раздел head подключаемым файлом.

Чтобы спойлер при открытии страницы был в скрытом состоянии нужно в css добавить свойства

.spoiler_body {display:none;}
.spoiler_links {cursor:pointer; border-bottom: 1px dashed black}

Заголовок

Скрытый текст

Рассказать: