Скрытый текст на 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>
- Михаил Русаков