1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить скрипт:
<script> var show; function hidetxt(type){ param=document.getElementById(type); if(param.style.display == "none") { if(show) show.style.display = "none"; param.style.display = "block"; show = param; }else param.style.display = "none" } </script> 2. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код: <div> <a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">Ссылка 1</a> <div style="display:none;" id="div1"> Много много много текста 1 </div> </div> <div> <a onclick="hidetxt('div2'); return false;" href="#" rel="nofollow">Ссылка 2</a> <div style="display:none;" id="div2"> Много много много текста 2 </div> </div> <div> <a onclick="hidetxt('div3'); return false;" href="#" rel="nofollow">Ссылка 3</a> <div style="display:none;" id="div3"> Много много много текста 3 </div> </div> Пример Теперь при нажатии на ссылку "Ссылку 1" она раскроется и появится текст "Много много много текста 1". При нажатии на ссылку "Ссылка 2" или "Ссылка 3" текст первой ссылки скроется, а откроется текст второй или третей ссылки соответственно и т.д. Как видно из кода ссылка закрыта от индексирования. Это сделано, потому что поисковики такую ссылку не могут нормально обработать и выдают ответ, что такая страница не найдена. Плюсы данного метода: - минимум кода (это важно если раскрывающихся ссылок много), а код скрипта можно записать в модуль (например используя Special HTML for Joomla 1.5.x ) и выводить через loadposition на тех страницах, где он необходим. Источник: http://ht.brooksite.ru/drop-text-collaps.html | |
| |
Просмотров: 2063 | |
Всего комментариев: 0 | |