Еще варианты.
Установите
Core Design Spoiler и
Core Design Scriptegrator. Собственно, спойлер - это, как следует из названия, первое расширение. А второе подгружает необходимые JS-библиотеки - jQuery, Highslide и др.
Установили? Теперь любой текст (работает, кстати, кроме статей joomla - еще и в ZOO, K2 или FLEXIcontent), заключенный в тег
будет отображен именно в таком вот состоянии - прикрыт спойлером.
В настройках плагина существует возможность выбрать - каким именно образом будет отображен спойлер: кнопкой или обычной ссылкой; а также можно указать - при каком условии будет раскрываться скрытый текст: при наведении курсора или при клике. Обратите внимание - данные свойства можно прописать и каждому спойлеру отдельно. В вашем распоряжении три параметра для данного тега:
title – этот параметр позволяет указать уникальный заголовок для спойлера. Значение укажите в кавычках.
action – с помощью данного параметра можно указать действие, при котором спойлер будет открываться. Допустимые значения: click или hover (по клику или по наведению курсора мыши, соответственно)
element – этим параметром можно задать вид спойлера: будет ли он в виде ссылки или же будет кнопкой. Соответственные значения: link или button.
Также отметим, что внутри тега вполне может быть текст с использованием html-тегов. Пример использования:
[spoiler title="Заголовок спойлера" action="hover" element="link"]
Здесь находится тест, который отобразится только тогда, когда пользователь подведет курсор на ссылку заголовка спойлера.
Текст может содержать html-теги.
[/spoiler]
Существует еще и вот такой спойлер; несколько, правда, своеобразный:
EJS - Easy Spoiler.
Не требует JavaScript. Взгляните на демо, может, заинтересует.
