<div id="some_text">Видимый текст</div>
<button onclick="addHiddenText()">Добавить текст</button>
<button onclick="showHiddenText()">Показать/Скрыть текст</button>div {
margin-bottom: 10px;
}let str = 'Текст который выводится, но не видим'
let i = 1;
function addHiddenText() {
$("#some_text").after('<div hidden class="hidden_text">Невидимый текст '+i+'</div>');
i++;
}
function showHiddenText() {
$(".hidden_text").toggle();
}
External CSS
This Pen doesn't use any external CSS resources.