Скрыть часть текста и показать при клике спомощью CSS?

Question

[SEOWEB]

Нужно скрыть часть текста на странице сайта с помощью CSS, но так, чтобы при клике к примеру на надпись "Читать далее", открылась остальная часть текста. Пример: rozetka.com.ua/mobile-phones/samsung/c80003/v012 в самом низу над футером или https://comfy.ua/smartfon/

Answer 1

[Андрей]

Можно вот так
https://jsfiddle.net/39jy3ccv/

Comments

[SEOWEB]

Хороший способ, но есть некоторые конфликты с стилями сайта, если есть еще способы, пишите, заранее спасибо!

[Андрей]

Какие именно конфликты?

[pavell30002]

Нормально, немного отредактировал и норм!!

Answer 2

[Niriter Inc.]

при помощи только css никак, только js+css

Comments

[SEOWEB]

есть пример?

[Niriter Inc.]

SEOWEB: только с нуля писать могу подсказать только куда копать: https://learn.javascript.ru/introduction-browser-events

а там уже пишете что-бы ccs менял (на класс тот который показывает display: block а не display: none)

[Андрей]

SEOWEB:
На js можно вот так
https://jsfiddle.net/62y89q13/1/

[Niriter Inc.]

Андрей: 1-х это только css, 2-х у меня в баузере это не работает.....!!!!

[Андрей]

Niriter Inc.: ха и не должно, чет не то с форком фидла случилось, половина со старого, половина с нового. Спасибо за замечание.

[Андрей]

ссылку поправил и если кто заглянет не ленивый, можно ли поправить меня, как правильней будет написать его? А то я начинающий еще.