гармошка

На страницу можно добавить спойлер (при клике на ссылку вниз раскрывется дополнительный текст), например:

Кликните здесь, чтобы раскрылся текст

 

Как это делается?

В HTML коде объект, который будет ссылкой на раскрытие обрамляется в следующий код:

<a href="#" onclick="if (document.getElementById('d1').style.display == '') {document.getElementById('d1').style.display='none'; } else {document.getElementById('d1').style.display='';} ;return false;" class="link_document_link">

ТУТ ВСТАВЛЯЕТСЯ НЕПОСРЕДСТВЕННО САМ ОБЪЕКТ (ФРАЗА, КАРТИНКА И Т.Д.)

</a>

А то, что будет раскрываться, обрамляется так:

<div style="display: none; " id="d1"><p>ТУТ ВСТАВЛЯЕТСЯ ТО, ЧТО БУДЕТ РАСКРЫВАТЬСЯ (ФРАЗА, КАРТИНКА И Т.Д.)</p></div>

 

Если хотим, чтобы внизу раскрывающегося блока появлялась кнопка "Закрыть", то в конец текста, находящегося в раскрывающемся блоке добавляем:

<br clear="all"/><a href="#" onclick="document.getElementById('d1').style.display='none';" >Закрыть</a></div>

Должно получиться следующее:

Кликните здесь, чтобы раскрылся текст