Как спрятать текст под спойлер

Иногда в одну статью надо вместить большое количество информации, выложить множество картинок или скриншотов. Если так сделать, то может получиться не очень красиво, поэтому какую-то информацию или картинки можно поместить под спойлер.

Spoiler:

Здесь будет ваш текст

Делается это довольно просто при помощи скрипта в режиме HTML :












<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Open/Close" /> </div>
<div class="alt2">
<div style="display: none;">

Здесь вставте текст или картинку которую хотите спрятать под спойлер

</div>
</div>
</div>
<br />


Дальше пишите в обычном режиме под спойлером.