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

Создание раскрывающегося списка при нажатии на ссылку, где ссылка автоматически закрывается при нажатии на другую ссылку.

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 >

! После копирования и вставки кода, не забудьте убрать лишние пробелы в скобках script и div.

Теперь при нажатии на ссылку «Ссылку 1» она раскроется и появится текст «Много много текста 1». При нажатии на ссылку «Ссылка 2» или «Ссылка 3» текст первой ссылки скроется, а откроется текст второй или третей ссылки соответственно.
Как видно из кода ссылка закрыта от индексирования. Это сделано, потому что поисковики не могут нормально обработать такую ссылку и выдают ответ, что такая страница не найдена.

Живой пример:

Ссылка 1

Много много текста 1

Ссылка 2

Много много текста 2

Ссылка 3

Много много текста 3