Здравствуйте! Займёмся сегодня очень полезным уроком, а именно: как скрыть текст под спойлер для 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>
Здравствуйте, спойлер работает хорошо, но когда я создаю дополнительное сообщение на той же странице и использую спойлер вновь, то уже ничего не получается. как быть?
Здравствуйте, спойлер работает хорошо, но когда я создаю дополнительное сообщение на той же странице и использую спойлер вновь, то уже ничего не получается. как быть?
ОтветитьУдалить