@DeniSidorenko

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

Добрый день, есть стандартный функционал. Текст и кнопка читать подробнее. Проблема в том что текст не разделен на абзацы. А весь большой текс в один абзац ( тег p ). И требуется обрезать данную строку через js. - Это не проблема. Проблема в том как сделать что бы при клике на показать весь текст - показывался текст который мы уже обрезали. И если это даже понятно еще как сделать ( до того как обрезать сохранить весь текст в другой переменной ), то каким образом сделать что бы когда текст становится большим, это было хоть как то анимированно, а не просто текст добавился?
  • Вопрос задан
  • 72 просмотра
Решения вопроса 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". При клике на "Показать весь текст", просто меняем высоту в авто например и всё. Это проще будет.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $
Admitad Projects Москва
от 130 000 до 200 000 ₽
от 5 000 до 6 500 $
29 мая 2020, в 09:48
4000 руб./за проект
29 мая 2020, в 09:36
3000 руб./за проект
29 мая 2020, в 08:19
15000 руб./за проект