Скрытый текст (спойлер) для Blogspot

У себя на Wordpress блоге я довольно часто использую спойлер в постах.Как для экономии места,так и скрытия информации.Для blogspot тоже есть наверно с десяток решений как сделать скрытый текст в сообщениях на блогспот.
Выглядит это так:
Нажимаешь,открывается скрытый текст.
Решение довольно таки простое.
В шаблоне находим код </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>

Сохраняем.
Потом когда пишем пост,в режиме HTML вставляем кусок скрипта :
<a href="javascript:toggle();" id="displayText">Открыть спойлер</a>
<div id="toggleText" style="display: none;">Сюда пишем скрытый текст</div>

Вот и всё.


0 коммент.:

Отправить комментарий