Спойлер на чистом HTML
$$$
До Н.Г.
ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ

Спойлер на чистом HTML

Опубликовано: 13-05-2014 06:10 Автор: MBTY Теги: HTML, Мои разработки
Несколько лет назад нашёл, теперь чуть не потерял. Выклдываю тут. Тут не должен потеряться.
<div style="margin: 2px; margin-top: 1px;"><div style="margin-bottom: 2px;"><strong>!Заголовок!</strong>: <input style="font-size: 14px; margin: 0px; padding: 0px;" 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 = 'Показать'; }" type="button" value="Показать" /></div><div style="margin: 0px; padding: 0px; border: 2px ridge; border-radius: 10px;"><div style="display: none;">!Текст!</div></div></div>
Пример:
!Заголовок!:
!Текст!


◘▲▼▲◘◘▲▼▲◘◘▲▼▲◘