Выпадающий текст по ссылке

Старый mweb

Модератор: [mweb team]

Выпадающий текст по ссылке

Сообщение Bogachev Ср окт 21, 2009 13:02

Друзья, подскажите как сделать так чтоб при нажатии на ссылку выпадал (открывался) под ней текст/картинки. А при повторном сворачивался (закрывался) обратно?

Предположим есть книга у нее есть главы. хочу чтоб страница открывалась только с главами. а дальше при нажатии на ту или иную главу открывался без перезагрузки страницы, текст, смещая тем самым остальные главы вниз. И при повторном клике убирал текст, тем самым возвращая главы в первозагруженное состояние.
Bogachev
Прохожий
 
Сообщения: 34
Зарегистрирован: Чт фев 10, 2005 13:18

Re: Выпадающий текст по ссылке

Сообщение Jedi Ср окт 21, 2009 20:07

Код: Выделить всё
<script>
function ShowHide(id)
{
el = document.getElementById(id);
if(el.style.display=="none")
{
el.style.display="block";
}
else
{
el.style.display="none";
}
}
</script>
<a href="#" onClick="ShowHide(1)">Link 1</a>
<div id="1" style="display: none;">Скрытый текст</div>
<a href="#" onClick="ShowHide(2)">Link 2</a>
<div id="2" style="display: none;">Скрытый текст</div>
Аватара пользователя
Jedi
Хронический Астматик
 
Сообщения: 1852
Зарегистрирован: Вс сен 08, 2002 0:01
Откуда: Russia

Re: Выпадающий текст по ссылке

Сообщение Bogachev Ср окт 21, 2009 20:35

Ой, а можно на примере где что вставлять?
Bogachev
Прохожий
 
Сообщения: 34
Зарегистрирован: Чт фев 10, 2005 13:18

Re: Выпадающий текст по ссылке

Сообщение Jedi Чт окт 22, 2009 15:24

ну вот у тебя идет текст
<a href="#" onClick="ShowHide(1)">ГЛАВА 1</a>
<div id="1" style="display: none;">ТЕКСТ ГЛАВЫ 1</div>

<a href="#" onClick="ShowHide(id2)">ГЛАВА 2</a>
<div id="id2" style="display: none;">ТЕКСТ ГЛАВЫ 2</div>

Изначально у тебя текст главы скрыт. При нажатии на ссылку, запускается яваскрипт, который проверяет показывается текст или нет, и если он скрыт, то открывает его и наоборот.
Текст находится в диве имеющим определённый ID. а при нажатии на ссылку запускается функция в которую передаётся ID того дива который ты хочешь скрыть или показать.
Аватара пользователя
Jedi
Хронический Астматик
 
Сообщения: 1852
Зарегистрирован: Вс сен 08, 2002 0:01
Откуда: Russia


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 21

cron