fbpx
Перейти к содержимому

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

Это спойлер для сайта с плавным открытием и закрытием очень прост в установке и без проблем установился на WordPress. Думаю, что и с другими движками проблем на будет.
Выглядит он эффектнее чем простой спойлер.

Выглядит он так:

НАЖМИ

Тут может быть любой HTML
например картинка
спойлер для сайта

Установка плавный спойлер для сайта

Для работы спойлера на сайте должен быть установлен Jquery. Обычно, по умолчанию, он уже установлен. Но если его нет, между тегами <head> и </head> нужно добавить:

HTML спойлера

HTML очень простой.

Для работы спойлера этот HTML изменять нельзя, так как в скрипте будет использоваться parentNode и при изменении структуры HTML спойлер просто не будет работать.

JS

А вот собственно и Javascript. Этот скрипт нужно разместить перед спойлером. Если спойлеров на странице несколько, его нужно разместить перед самым первым.

Больше статей:   Input radio со связанными полями с помощью JavaScript

CSS

Чтобы спрятать все спойлеры при начальной загрузке страницы, применяются CSS стили:

2 комментария для “Спойлер для сайта с плавным открытием и закрытием”

Добавить комментарий для Natalie - Web First Step Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *