Как скрыть часть текста и вывести оставшуюся часть в всплывающем окне?

Question

[Даулет]

Суть вопроса такова: есть текст примерно на 20-100 слов. Таких текстов всего 7 и все они в одном слайдере как сделать так, чтобы показывался лишь текст до 20 слов и в конце появлялась кнопка «Читать далее» и открылось всплывающее окно и продолжение было там. Можно ли реализовать все в одном попапе?

Comments

[Данил]

покажите фрагмент кода или ссылку

[Даулет]

Данил,
Вот в блоке отзывы. UPD смог написать чтобы часть текста в ... изменилось и в конце добавлялась ссылка «Читать полностью». Как теперь в одном всплывающем окне сделать это

[Данил]

это же wp? куча плагинов popup

[Даулет]

Данил, нагружать сайт будут)

[Данил]

phpneguru, тогда создайте невидимые дивы с полным текстом, а при клике на ссылку меняйте их css свойство

например

<div>Ехал Гре... <a href="#" onclick="this.nexSibling.className='popuptext'"></a><div class=fullhiddentext>Ехал Грека через реку!<span onclick="this.parenNode.ClassName='fullhiddentext'">close</span></div></div>

или если много текста грузите ajax ом полный текст при клике на ссылку

если без js и запросов- смотрите в сторону pure css accordion или dropdpwn (смысл нажал - показал можно и на css реализовать)

<style>div,input{display:none}input:checked+div{display:block}</style>
Обрезок<label>Читать полностью...<input type=checkbox><div>Здесь текст</div></label>