суббота, 5 марта 2016 г.

Скрыть текст под спойлер для Blogger/Blogspot


Здравствуйте! Займёмся сегодня очень полезным уроком, а именно: как скрыть текст под спойлер для BloggerСпойлер--это  возможность создать в статье, посте разворачиваемые блоки скрытого текста. Наверное примерно так.Используют спойлер как для экономии места, так и для скрытия информации. Для Blogger тоже есть несколько решений как сделать скрытый текст в сообщениях. Я Вам сейчас покажу самый простой и удобный способ как добавить спойлер в блог.Чтобы потрогать и испытать  спойлер, я Вас попрошу в демонстрационный блог. Если Вы готовы добавить к себе в блог,тогда перейдите в Шаблон--Изменить 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>
Всё, теперь сохраните шаблон. Теперь при добавлении сообщения в режиме HTML пользуйтесь этим кодом:

<a href="javascript:toggle();" id="displayText">Открыть спойлер</a>
<div id="toggleText" style="display: none;">Здесь должен быть ваш текст</div>
Всего доброго.Желаю удачи.

1 коммент.:

  1. Здравствуйте, спойлер работает хорошо, но когда я создаю дополнительное сообщение на той же странице и использую спойлер вновь, то уже ничего не получается. как быть?

    ОтветитьУдалить