@DeniSidorenko

Как реализовать такой функционал на JS?

Добрый день, есть стандартный функционал. Текст и кнопка читать подробнее. Проблема в том что текст не разделен на абзацы. А весь большой текс в один абзац ( тег p ). И требуется обрезать данную строку через js. - Это не проблема. Проблема в том как сделать что бы при клике на показать весь текст - показывался текст который мы уже обрезали. И если это даже понятно еще как сделать ( до того как обрезать сохранить весь текст в другой переменной ), то каким образом сделать что бы когда текст становится большим, это было хоть как то анимированно, а не просто текст добавился?
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
TTATPuOT
@TTATPuOT
https://code.patriotovsky.ru/
1) Текст можно обрезать с помощью CSS.
2) Вы всегда можете обрезать часть текста с помощью тегов. Например:
<p>
  Здесь видимый текст, далее идёт <span style="display: none;">невидимый текст</span>
</p>

А далее уже отбирать style у span'а и отображать невидимый текст.
3) Можно обрезанный текст поместить в аттрибут по типу data-text. А по команде брать его оттуда и вставлять в абзац.

Реализации идут от лучшей к худшей.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Anadi
@Anadi
Если ответ Вам помог мой, решением отметье его!
а собственно зачем обрезать текст на js, можно же обернуть текст в блок и сделать ему фиксированную высоту, с "owerflow: hidden". При клике на "Показать весь текст", просто меняем высоту в авто например и всё. Это проще будет.
Ответ написан
Ваш ответ на вопрос

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

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