Простой спойлер для сайта в HTML

Вы наверно знаете что спойлер — это удобная кликабельная кнопка/текст, после нажатия на которую выдвигается спрятанная часть. Применять спойлеры очень полезно, как минимум в плане эстетики, когда куча информации раскидана по странице — согласитесь, это не очень красиво и удобно. Я предлагаю вашему вниманию совершенно простой внешне и со стороны кода спойлер для вашего сайта на HTML. Кстати, если вас не устраивает минималистический вид «голого» HTML-ного спойлера, можно подключить и CSS, я его прилагаю, сморите ниже.

<center>
<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. ... Читать дальше »