menu
person

Выпадающий текст при нажатии на ссылку

Выпадающий текст при нажатии на ссылку

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
Ссылка 2
Ссылка 3
 

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

При нажатии на ссылку "Ссылка 2" или "Ссылка 3" текст первой ссылки скроется, а откроется текст второй или третей ссылки соответственно и т.д.

Как видно из кода ссылка закрыта от индексирования.

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

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



Источник: http://ht.brooksite.ru/drop-text-collaps.html
Категория: Подсказки для двоечников | Добавил: XxxNAGUALxxX (24.01.2017)
Просмотров: 2063 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: