Прячем текст под кат

Не раз встречал вопрос как спрятать текст под кат.
Другими словами как сделать к примеру страницу "Вопрос - Ответ"?

Для этого создаём HTML страничку:
ПА - Модули - HTML - Управление страницами HTML
При создании задаём параметры:
Название: (Вписываете название странички)
Вы хотите использовать верх и низ вашего форума?: Да
Использовать эту страницу в качестве Главной?: (Выбираете что вам надо)
Над окном Код HTML должен быть такой значок
В окно Код HTML вставляем следующее:

Код:

<script type="text/javascript">
 jQuery(document).ready(function(){
    jQuery('.catLink').click(function(){
      jQuery(this).parent().children('div.catCont').toggle('normal');
      return false;
    });
  });
</script>

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

<style>
.catCont{
display:none;
margin-bottom:3px;
margin-top:3px;
border:1px dotted #cccccc;
padding:3px 5px;
font-size:12px;
background-color: #E5F5FF;
}
.catLink{
font-weight: bold;
font-size:12px;
line-height: 150%;
}
</style>

где:
border:1px dotted #cccccc; - толщина, стиль и цвет рамки поля подсказки
font-size:12px; - размер шрифта подсказки
background-color: #E5F5FF; - фон поля подсказки
font-weight: bold; - жирность вопроса
font-size:12px; - размер шрифта вопроса

Эти настройки можно вставить не в это окно а в Каскадную таблицу CSS, предварительно удалив теги <style></style>

А это сами ссылки и контейнеры где будут размещены вопросы и ответы

Код:

<div><a href="javscript://" class="catLink">Вопрос 1</a>
<div class="catCont">
Подсказка 1
</div></div>

Код:

<div><a href="javscript://" class="catLink">Вопрос 2</a>
<div class="catCont">
Подсказка 2
</div></div>

Код:

<div><a href="javscript://" class="catLink">Вопрос 3</a>
<div class="catCont">
Подсказка 3
</div></div>

Контейнеры размножайте сколько угодно
Сохнаните страничку.
Ссылку на страничку размещайте где вам удобно, будь то панель навигации, виджет и т.д.

ДЕМО
А ЗДЕСЬ уже реализованный туториал одним из пользователей сервиса.))

А почему это можно сделать только на HTML странице?

likoraisss пишет:А почему это можно сделать только на HTML странице?

А где написано что только на HTML странице?
Пожалуйста, ставите скрипт в шаблон overall_footer а блоки размещайте в сообщение.
Я же просто пример привёл.