В HTML5 для створення спойлерів або інформації, яку не слід відразу показувати, використовується елемент <details>, всередині якого розташовується заголовок <summary>. У вихідному вигляді відображається лише заголовок, по клацанню на який розкривається та закривається вміст <details> (рис. 1).

Як заховати текст під спойлер HTML?

Редактор HTML: наберіть <lj-cut text="Read more"> перед текстом, який хочете сховати, замінивши "Read more" фразою, яка стане посиланням на прихований уривок. Якщо хочете продовжувати запис відкритим текстом після прихованого уривка, в кінці приховуваного тексту наберіть </lj-cut>.

Як зробити спойлер у тексті?

Найпростіший спосіб приховати текст під спойлер – виділити потрібний текст, клацнути на нього правою кнопкою миші та вибрати значок у вигляді ока. Це позначить виділений шматок тексту повідомлення як спойлер.