Blogger - html : создаем спойлер (скрытый текст)

Открой меня полностью

Всегда удобно спрятать побочный контент  в "выдвежное меню" который откроется по запросу.

И так давайте начнем.Мне удобней реализовать это на blogger платформе,Но суть везде одинакова.
Для начала изменяем Html шаблона.

• В админ панели bloggera идем по пути : Шаблон/изменить html. 
• Открываем поисковою строку в браузере (Ctrl+F) .
• Находим закрытый тег боди  с помощью поисковой строки.

</body>

• Перед этим тегом (боди) вставляем следующий скрипт 

<script language="javascript">

function toggle() {

var ele = document.getElementById("toggleText");

var text = document.getElementById("displayText");

if(ele.style.display == "block") {

ele.style.display = "none";

text.innerHTML = "Открыть спойлер";

}

else {

ele.style.display = "block";

text.innerHTML = "Закрыть";

}

}

</script>

• На этом все.В статьях при добавлении spoilera (скрытого текста) вставляйте следующий код в html режиме.

<a href="javascript:toggle();" id="displayText">Открыть спойлер</a>
<div id="toggleText" style="display: none;">Здесь скрытый текст</div>