Как сделать обрезку текста, а при клике по нем показывать весь?

Question

[nickostyle]

Задача такая: есть куски текста, все они обернуты в
<p class="text">...</p>

Необходимо обрезать каждый такой абзац по указанному количеству символов. При клике на этот текст показывается весь текст.

Comments

[Владислав Килин]

Как правило, в вопросе стоит указать, что именно вы уже сделали, в противном случае ресурс, созданный для решения проблем, превращается в "домашние задания онлайн".

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/uhiDI

Comments

[Юрий Лобанов]

@nickostyle поспорить с @DeLaVega Вы время нашли, а отреагировать на мой вариант нет. Вообще говоря он прав, в жалобах на вопрос даже есть такой пункт: «Это задание, а не вопрос».
Но в любом случае, решение я Вам предоставил, все как хотели. Можете использовать хоть троеточие, хоть стрелки. Курсор можете менять как у меня, можете не менять — поправьте css если что. Да и остальные вещи лучше делать через css.

[nickostyle]

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

Answer 2

[Вадим Клименко]

Осталось привести код в нормальный вид.

codepen.io/anon/pen/wcrfF

Comments

[nickostyle]

Спасибо большое! Все работает как надо, только вот многоточия в свернутом виде нет.

Answer 3

[Виталий Киренков]

Так

Comments

[nickostyle]

почти :) Хотелось бы чтобы после краткого текста ставилось многоточие, а после клике, при открытии всего текста, его не было. В вашем варианте так не реализовать, плюс обрезка не автоматическая

[Виталий Киренков]

Мне всю работу за вас сделать? Вы спросили как - я вам показал в каком направлении копать.

[nickostyle]

Если бы я мог сделать эту работу, я бы сюда не писал, любезный :) То, что удается откопать в гугле, я делаю сам, в js не понимаю ничего, вот и спрашиваю.

[Виталий Киренков]

Есть разница между - спросить и - сделать работу за вас. А вы просите именно второе, и люди ценящие своё время не будут просто так это делать.

[nickostyle]

Вот именно! Разница между спросить и сделать работу за нас ЕСТЬ! Потому как спрашиваю я, а делаете вы.

Прекратите флудить. В вопросе четко сказано "КАК СДЕЛАТЬ...?", ответ предполагает готовое решение, или вы считаете, что, отправив меня в гугл, вы тем самым ответите на мой вопрос? Боюсь, модераторы тостера с вами не соглясятся.

[nickostyle]

Конечно, вы дали решение, но если уточнениями вам заниматься некогда - не стоит разводить полемику насчет того, как мало у вас времени.

[Виталий Киренков]

@nickostyle Что за хамское поведение? Вы сюда пришли с просьбой а помощи, а потом начинаете Требовать? Вы тут никому не начальство...

[nickostyle]

Верно, да только вот конкретно вас я о помощи не просил. Кто хочет, тот отвечает, за это ему спасибо и т.д., если же у вас нет времени, зачем читать мне лекции и опускаться до флуда? До свидания.