Как сделать простой спойлер на javascript?

Компьютеры / Программирование / javascript (джаваскрипт)
Тэги: html спойлер

📅7-08-2012 👁2 861

В начале страницы перед тегом ставим:


<script type="text/javascript">
 function sh(num) {
   obj = document.getElementById("spoiler_"+1);
   if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }
 }
</script>

А затем в теле, где нужно вставить спойлер номер ставим:

<a href="javascript:sh('1')">Заголовок спойлера 1</a>
<div id="spoiler_1" style="display:none">здесь открывается скрытый текст</div>

Если необходимо на этой же странице поставить второй спойлер то код такой:

<a href="javascript:sh('2')">Заголовок спойлера 2</a>
<div id="spoiler_2" style="display:none">здесь открывается скрытый текст</div>

Ну и по аналогии далее, если на этой же странице.

Оставить свой ответ:

Имя:*
E-Mail:

Вопрос:	Skolko buдет пять пдюс сeмь?
Ответ:*