nixbox
@nixbox

Как сворачивать/разворачивать текст с помощью jquery?

Добрый день!
Есть текст в постах, задача кратко:
сделать разворачивание и разворачивание текста по клику (на самом тексте).

Подробнее:
1. Текст на странице изначально отображается на странице полностью,
его необходимо (при загрузке страницы) ограничить по кол-ву символов или строк (назовем это состояние превью).

2. По клику на превью сделать разворачивание отображая текст целиком.

3. При клике по развернутому тексту сворачивать обратно, до состояния превью.

Текущее решение:
$(document).ready(function() {
  $('.post_text').click(function() {
  $(this).slideToggle(500);
  });
});


Логичным образом не подходит, тут отсутствует превью,
при клике текст просто полностью сворачивается.

Спасибо!
  • Вопрос задан
  • 499 просмотров
Решения вопроса 1
@RMate

Однако, чтобы визуальнее лаконичнее выглядело - лучше дробить текст по абзацам.
Либо использовать fadeToggle
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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