Спойлер то есть. В HTML это делается с использованием CSS-свойства
display (у него несколько значений, включая
none — не показывать элемент и
block — показывать как блок (типа абзацев)) и некоторого кода, который по щелчку на элементе-заголовке будет скрывать-показывать. «Скелет» реализации выглядит так:
<html>
<head>
<style type="text/css">
div.spoiler
{
display: none; // вначале все спойлеры закрыты
}
</style>
<script type="text/javascript">
function alterSpoiler(id)
{
var elem = document.getElementById(id);
if (elem.style.display == 'none')
elem.style.display = 'block';
else
elem.style.display = 'none';
}
</script>
</head>
<body>
<div onclick="alterSpoiler('spoiler1')">Спойлер 1:</div>
<div id="spoiler1" class="spoiler">Сначала этот текст не видно!</div>
<div onclick="alterSpoiler('spoiler2')">Спойлер 2:</div>
<div id="spoiler2" class="spoiler">И этот тоже.</div>
</body>
</html>
09.09.2012, 18:36 