jQuery Collapse-O-Matic. WordPress спойлер с эффектом jQuery

Снова здравствуйте, дорогие читатели! Наконец-то вернулся из небольшого 8-ми дневного путешествия, и продолжаю работать над блогом. Ибо работы выше крыши. Сегодня хочу рассказать о плагине jQuery Collapse-O-Matic, который показывает по нажатию на ссылку спрятанную часть контента.

Итак, встречайте! Данный плагин называется jQuery Collapse-O-Matic. Плагин использует эффект jQuery при открытии спрятанного контента.

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

Помимо обычного текста можно также скрыть изображения, формы ввода текста, вобщем все, что душе угодно :-).

jQuery Collapse-O-Matic я использовал на одном из своих WordPress-блогов, на котором скрывал реквизиты для оплаты и форму обратной связи.

Выглядело это так:

После открытия:

Для скрытия части контента в посте, или на странице блога, используйте следующий шорткод:

1
2
3

[expand title="Нажмите на ссылку, чтобы увидеть спрятанный контент"]
Здесь находится спрятанный контент...
[/expand]

Ту часть контента, которую нужно спрятать, необходимо заключать в теги [expand title=»»]Спрятанный контент…[/expand], а в [expand title=»»] между кавычками прописывать текст, который будет содержать ссылка.

Если хотите изменить цвет шрифта ссылки, и сделать его жирным, используйте такой код:

1
2
3

<span style="color: #КОД ЦВЕТА;"><strong>[expand title="Нажмите на ссылку, чтобы увидеть спрятанный контент"]</strong></span>
Здесь находится спрятанный контент...
[/expand]

Скачать jQuery Collapse-O-Matic можно здесь, а об остальных вариантах использования плагина почитать на официальном сайте (на английском).