Завернуть описание в "читать дальше"

[Electr0n]

Всем Привет ! Подскажите пожалуйста кто знает. 

 

Сделал дополнительное описание в категориях 

 

хочу  завернуть его в "читать дальше"

 

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

 

Сделал у себя на главной сео текст таким методом. Но там нужно писать 2 описания. которое постоянно отображается и которое скрывается/раскрывается. 

 

Вот сам скрипт:

 



$(function ($) {

 

    $('.bottomSeoText').click(function() {

        var tw = $(".BottomSeoTextWhite");

        tw.toggle();

        if (tw.is(':visible')) {

            $(".text_block").css("height", "150");

            $('.readmore').text("Читать далее...»");

        } else {

        $(".text_block").css("height", "auto");

        $('.readmore').text("« Свернуть");

        }

 

    });

 

    $('.readmore').hover(function () {

        $(this).toggleClass('hovered');

    });

 

});

Змінено 3 грудня 2015 користувачем Electr0n