Как расширить усеченный текст onclick, используя dotdotdot?

Я использую плагин jQuery dotdotdot truncation dotdotdot.frebsite.nl

Я хочу обрезать максимум 2 строки. И когда пользователь нажимает на more, тогда он должен показывать полный текст (expand/de-truncate).

До сих пор мне "удалось" урезать текст. Но не "обрезать" его.

Вот мой код:

<p class="truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae tellus eu dui placerat interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="read-more" href="#">more</a></p>

$(document).ready(function(){

    $('.truncate').dotdotdot({
        ellipsis     : '… ',
        watch        : true,
        wrap         : 'letter',
        height       : parseInt( $('.truncate').css('line-height'), 10) * 2, // this is the number of lines
        lastCharacter: {
            remove: [ ' ', ',', ';', '.', '!', '?' ],
            noEllipsis: []
        },
        after: "a.read-more"
    });


});

Live demo jsfiddle.net/NSnxe/1

Ответ 1