Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
четверг, 24 мая 2018 г.

Прячем текст под спойлер

источник :https://www.mycrib.ru/2014/08/text-pod-spoiler.html
Иногда нужно спрятать часть текста под спойлер.
Не нужно путать спойлер с понятием “убрать под кат”(http://www.mycrib.ru/2010/07/blog-post_3057.html), во  втором случае часть контента будет показано на главной странице, а все сообщение – открываться на отдельной странице записи.
Как же спрятать текст под спойлер?
Универсальным код, который будет работать на любой площадке, где поддерживаются html-коды и javascript, а точнее – на blogger (blogspot), wordpress, joomla, ucoz.

   | <lj-spoiler title="Текст ссылки на спойлер"> Этот текст будет скрыт </lj-spoiler>
Как сделать спойлер – вставьте в сообщение в режиме html следующий код.
<div id="spoiler" style="display:none">
Скрытый контент (текст, код изображения, ссылки, видео и др.)</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Показать/Скрыть</button>
Пример спойлера:

 



0 коммент.:

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