Как вставить спойлер в статью

Я уже говорил о подкате. Теперь очередь дошла и до спойлера. Спойлер- это удобная 
гайка, которая прячет часть, скажем так, не обязательного для прочтения текста(или слишком большого текста, текста дополнений, каких либо кодов и т.д.) Скажем так- это тот же подкат, только внутри самой статьи. Вот!
Теперь о том как поставить его в статью:
Скрины на вставку буду делать по ходу написания этой статьи. Единицы ниже будут символизировать ту часть текста, которую я хочу таки спрятать под спойлером.
Спойлер я хочу разместить под словом СОВУШКА

СПОЙЛЕР
111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

Для этого я на этой же странице перехожу в режим HTML-редактирования и ищу нужное мне слово, под ним вставляю код:

ПОСМОТРЕТЬ КОД
<details> 
    <summary>ПОСМОТРЕТЬ КОД</summary>
    <pre>исчезающая информация</pre>
    <p>исчезающий текст
</details>

затем возвращаюсь в нормальный режим редактирования: кнопка СОЗДАТЬ.
Под указанным словом на странице появилось слово СПОЙЛЕР с треугольничком слева. При нажатии на него выпадает две строчки:
И вот вместо этих двух строк я вставляю единички.
Все! Спойлер стоит, нужный текст в него мы запихнули.
Обратите внимание, что треугольник спойлера смотрит вниз. Перед нажатием кнопки ПУБЛИКАЦИЯ необходимо закрыть спойлер. (Снова нажмите на треугольник. Его стрелка должна смотреть вправо, а единички спрячутся.) Чтобы в блоге он не открывался автоматически, а только после нажатия пользователя.