спойлер в html
Автор Simont задал вопрос в разделе Другие языки и технологии
Народ подскажыте плиз как делать спойлер? (HTML код) и получил лучший ответ
Ответ от Андрей Лакиенко[гуру]
Простой вариант спойлера
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ссылка">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type=text/css>
alt2{ margin: 0px; padding: 6px; border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}
</style>
<title>Спойлер</title>
</head>
<body><div class="spoil">
<div class="smallfont"><input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div class="alt2">
<div style="display: none;">
текст внутри спойлера.. .
</div>
</div>
</div>
</body>
</html>
javascript Не, а на гугле бан? Сначала задать скрываемому элементу disply:none; потом в js коде document.getElementById('click').onclick=function() { document.getElementById('spoil').style.display='block'; } click - кликаб
Вариантов спойлеров очень много вот простой пример: -------------------------------------------------------------------------------- <div style="margin:0;"> <div class="smallfont" style="margin-bottom:2px"> <input type="
Ты сначала русский выучи!