1 Topic by PunBB

Topic: Раскрывающийся блок при нажатии на JavaScript

Данный способ хорош тем, что при повторном нажатии на ссылку текст "прячется" обратно.

1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить небольшой скрипт:

<script>
 function collapsElement(id) {
 if ( document.getElementById(id).style.display != "none" ) {
 document.getElementById(id).style.display = 'none';
 }
 else {
 document.getElementById(id).style.display = '';
 }
 }
 </script>

2. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код:

<div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Текст ссылки</a>
<div id="identifikator" style="display: none">
<p>Текст текст текст текст</p>
</div>
</div>

Теперь при нажатии на ссылку "Текст ссылки" она раскроется и появится текст "Текст текст текст текст". При повторном нажатии текст скроется.

2 Reply by PunBB

Re: Раскрывающийся блок при нажатии на JavaScript

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

Плюсы данного метода:

- минимум кода (это важно если раскрывающихся ссылок много), а для использования в Joomla код скрипта можно записать в модуль (например используя Special HTML for Joomla 1.5.x ) и выводить через loadposition на тех страницах, где он необходим;

источник примера