Как скрыть многострочный текст?

Question

[rak123]

Есть ли готовый плагин, который позволяет скрыть многострочный текст (с добавлением троеточия в конце) и кнопкой развернуть текст/скрыть. С условием, что раскрытие текста происходит плавно (не создавая скрытый див с контентом)?

Answer 1

[bqio]

Vanilla JS:

.poverflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

<p class="poverflow">Есть ли готовый плагин, который позволяет скрыть многострочный текст(с добавлением троеточия в конце) и кнопкой развернуть текст/скрыть. С условием, что раскрытие текста происходит плавно( не создавая скрытый див с контентом )?</p>
<a href="#" onclick="showorhide(this.previousElementSibling)">показать/скрыть</a>

function showorhide (el) {
   if (el.classList.contains("poverflow")) {
       el.classList.remove("poverflow");
   } else {
       el.classList.add("poverflow");
   }
}