Спойлер

               Оригинальная прокрутка текста

<div                                                           class="inner">ДЛИННЫЙ ТЕКСТ </div> </div> <style>.scrollbar {   background-color:#556B2F ; / цвет фона /   border:4px solid:#008B8B ; /ширина и цвет рамки/   color:white; /цвет текста /   overflow:hidden;   text-align:justify; } .scrollbar .inner {   height:100px;   /высота блока текста/   overflow:auto;   margin:15px -300px 15px 15px;   padding-right:300px; }</style>

Прячем текст под спойлер <div id="spoiler" style="display:none"> Скрытый контент (текст, код изображения, ссылки, видео и др.)</div> <button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Показать/Скрыть</button> <blockquote class="kata"> 1. Тут весь ваш интересный текст </blockquote> <br />