Подскажите пожалуйста html спойлер для текста.

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

#1 20 февраля 2017 в 21:20

Здравствуйте.

На странице сайта планирую сделать очень много текста, и желательно его закрыть в спойлерах.
Но уперся в проблему, не могу найти html спойлер нормальный. Все какие то причудами разными, а мне надо что бы был обычный, самый простенький. Не кнопки и тд.

Под спойлером я подразумеваю, когда нажимаешь на текст на странице, и открывается скрытый текст на этой же странице.

Благодарю.

#2 20 февраля 2017 в 22:03

Ну так и прячьте и показывайте его с помощь css. Какие проблемы?

#3 20 февраля 2017 в 22:09

Ну так и прячьте и показывайте его с помощь css. Какие проблемы?

Lora

В том то и вся беда, я в html то не очень разбираюсь, а в css вообще ноль и даже не знаю где этот зверь css находится то)

Сегодня в 07:41

#4 20 февраля 2017 в 22:24

<div class="spoiler">
     <input type="checkbox" >
     <div class="box">
           Текст сообщения в спойлере.
     </div>
</div>

.spoiler >  input + .box { display: none; }
.spoiler >  input:checked + .box { display: block; }

#5 20 февраля 2017 в 22:26

 
 
 
           Текст сообщения в спойлере.

.spoiler >  input + .box { display: none; }
.spoiler >  input:checked + .box { display: block; }

Я вставляю в страницу :

<div class="spoiler">
     <input type="checkbox" >
     <div class="box">
           Текст сообщения в спойлере.
     </div>
</div>

И у меня появляется просто надпись: Текст сообщения в спойлере.

#6 20 февраля 2017 в 22:32

CSS кто будет писать?
Хорошо, тогда полностью.

<style>
    .spoiler >  input + .box { display: none; }
    .spoiler >  input:checked + .box { display: block; }
</style>
 
<div class="spoiler">
     <input type="checkbox" >
     <div class="box">
          Текст сообщения в спойлере.
     </div>
</div>

#7 20 февраля 2017 в 22:36

Pocus, cry

и опять же, просто текст:

#8 20 февраля 2017 в 22:46

Наверное у вас типограф код режет. Отключите его.

#9 20 февраля 2017 в 22:50

Наверное у вас типограф код режет. Отключите его.

Pocus

Получается вы меня не так поняли… Я хочу добавить в редакторе страницы/новости, вот сюда:

#10 20 февраля 2017 в 23:06

Ну и добавляйте. Жмите крайнюю правую кнопку редактора (голубые <>) и вставляйте что хотите.
Если будет резать код, в настройках контента отключите типограф для этого поля.
И вообще, приведенный код, это всего лишь пример — направление для ваших дальнейших изысканий.
И уж коли взялись делать сайт, озаботтесь хотя бы элементарными знаниями. Без них никуда.

#11 20 февраля 2017 в 23:14

Ну и добавляйте. Жмите крайнюю правую кнопку редактора (голубые ) и вставляйте что хотите.
Если будет резать код, в настройках контента отключите типограф для этого поля.
И вообще, приведенный код, это всего лишь пример — направление для ваших дальнейших изысканий.
И уж коли взялись делать сайт, озаботтесь хотя бы элементарными знаниями. Без них никуда.

Pocus

Благодарю.

Gmail блокирует архивы и файлы

Премьера FlowCrawler от R2

Подскажите пожалуйста html спойлер для текста.

Похожие темы

Скрыть под спойлер, как?...

[ЕСТЬ РЕШЕНИЕ] Отображение нумерованного списка в спойлере

Заключить группу полей под спойлер

Не могу редактировать типы контента

[ЗАКРЫТО] Спойлер в редакторе

Два спойлера с одинаковым ID на одной странице?

InstantCMS Team

О проекте

Поддержка

Дополнения