@rak123

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

Есть ли готовый плагин, который позволяет скрыть многострочный текст (с добавлением троеточия в конце) и кнопкой развернуть текст/скрыть. С условием, что раскрытие текста происходит плавно (не создавая скрытый див с контентом)?
  • Вопрос задан
  • 386 просмотров
Пригласить эксперта
Ответы на вопрос 1
@bqio
https://bqio.github.io/
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");
   }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы