четверг, 29 июня 2017 г.

Как спрятать текст под спойлер

Дорогие Друзья!
Сегодня я расскажу вам о том как вставить спойлер в ваш пост для того, чтобы скрыть текст, картинку или скрипт. Должна признаться, что идея не моя, я отыскала ее у одного талантливого блогера-программиста на просторах интернета.
Итак, для того, чтобы убрать текс под спойлер, нужно всего лишь вставить следующий скрипт. На платформе blogger вставляем его перед тегом <b>, за которым следует содержимое.



Вот таким образом это все и выглядит. Точно также можно спрятать картинку или скрипт.
С какой проблемой вы можете столкнуться? Текст уходит под спойлер не целиком, а только один абзац. Это происходит с случае, если ваше творение разделено на несколько абзацев и скрипт воспринимает их как разные разделы. Что делать? Превратить все в один раздел! Для этого нужно убедиться, что тег <div> стоит дважды – в начале текста и в конце, а не в начале и в конце каждого абзаца.

А это для того, чтобы было удобнее скопировать

<div><input value="Показать содержимое" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Скрыть содержимое';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Показать содержимое';}" type="button" /><div style="display: none;">Вставьте сюда контент, который нужно спрятать</div></div>

Надеюсь, что помогла вам улучшить свой блог.


Комментариев нет:

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