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

При размещение контента на сайтах, может возникнуть ситуация в которой вам потребуется скрыть часть текста под спойлер. Это могут быть большие тексты, таблицы, фотоподборки или же информация интересная лишь узкому кругу людей не обязательная для общего просмотра.

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

Вариантов создания подобного спойлера можно найти множество. Но сегодня мы рассмотрим один из них, работающий на jQuery и позволяющий плавно открывать содержимое.

1. Подключаем библиотеку jQuery:

Первым делом подключаем библиотеку. Если же у вас она уже подключена ранее делать этого соответственно не нужно. Данный код нужно скопировать и вставить в Настройки - SEO, поле для размещения Мета тегов.

2. Подключаем скрипт:

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

3. Указываем стилевое оформление:

В редактор CSS (Настройки - CSS) прописываем следующие стили для корректного отображения спойлера. При желание и соответствующих познаниях вы можете без труда внести свои изменения во внешний вид спойлера.

4. Размещаем на сайте код html:

И после этих несложных манипуляций размещаем код спойлера на странице (через функцию "редактировать HTML"). Естественно заменяя содержимое контейнера на собственное.

Благодарю за внимание и до новых встреч!

Возможно вам будут интересны следующие материалы:

Горизонтальное меню для новых шаблонов okis

Размещаем кнопку ВВЕРХ

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