Данный способ хорош тем, что при повторном нажатии на ссылку текст "прячется" обратно. 1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить небольшой скрипт: 1
2
3
4
5
6
7
8
9
10
| <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. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код: 1
|
<div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Текст ссылки</a> <div id="identifikator" style="display: none"> <p>Текст текст текст текст</p> </div> </div> |
Теперь
при нажатии на ссылку "Текст ссылки" она раскроется и появится текст
"Текст текст текст текст". При повторном нажатии текст скроется. Как
видно из кода ссылка закрыта от индексирования. Это сделано, потому что
поисковики такую ссылку не могут нормально обработь и выдают ответ, что
такая страница не найдена. Это пожалую основной минус данного метода,
впрочем, как и большинства других. Плюсы данного метода: - минимум кода (это важно если расскрывающихся ссылок много), а код скрипта можно записать в модуль (например используя Special HTML for Joomla 1.5.x ) и выводить через loadposition на тех страницах, где он необходим;
|