Раскрывающийся полностью текст html

Рейтинг: 0Ответов: 2Опубликовано: 25.01.2015

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

Типо так:

текст текст текст текст
текст текст текст текст

текст текст текст текст
текст текст текст текст

Показать полностью и после:

текст текст текст текст
текст текст текст текст

текст текст текст текст
текст текст текст текст

Остальной текст скрыть

Ответы

▲ 2

Вариантов масса, посмотрите в сторону Jquery Slide Toggle (http://www.w3schools.com/jquery/eff_slidetoggle.asp ).

А для самых занимательных есть вариант на чистом CSS без скриптов: http://jsfiddle.net/o3na69ar/1/

▲ 1

Можно, в принципе, написать самому, если определиться с логикой работы скрипта, это не очень сложно.

А если знаний в JS недостаточно и просто неохота писать велосипед, который сделали до вас, можно использовать какой-нибудь плагин, например, jQuery Collapser. Посмотреть демо работы этого плагина с различными условиями для обрезания текста можно вот тут .