@rak123

Скрыть многострочный текст jquery?

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

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

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