Главная » 2014 » Сентябрь » 18 » Скрытый текст на JavaScript
18:42
Скрытый текст на JavaScript

Скрытый текст на JavaScript

Описание: Бывают ситуации, когда не хочется выводить весь контент страницы сразу. Например, в разделе "FAQ" вывести только названия вопросов. А если человека заинтересует ответ на определённый вопрос, то он может открыть ответ, а когда просмотрит, то и закрыть. Это создаёт удобство страницы и её компактность. И для этого я подготовил простенький скрипт на JavaScript, позволяющий открыть, либо скрыть определённый текст (в общем случае, определённые элементы), то есть сделать скрытый текст на JavaScript.

 

Код JavaScript (вставлять между тегами <head> и </head>):

<script language="JavaScript">
function expandit(id){
  obj = document.getElementById(id);
  if (obj.style.display=="none") obj.style.display="";
  else obj.style.display="none";
}
</script>

Код HTML (вставлять между тегами <body> и </body>):

<h4 style="cursor:pointer;" onClick="expandit('ans1')">Вопрос №1</h4>
<div id = "ans1" style="display:none">Ответ №1.</div>
<h4 style="cursor:pointer;" onClick="expandit('ans2')">Вопрос №2</h4>
<div id = "ans2" style="display:none">Ответ №2.</div>

Категория: Для сайтов | Просмотров: 194 | Добавил: Лаврентий5932 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]