$(document).ready(function() {

    var height = $("#content .content .description").height();

    $("#content .content .description")
        .css({
            'height': '100px',
            'overflow': 'hidden',
            'margin-bottom': '5px'
        })
        .wrap($("<div />")
            .addClass('description_wrapper'))
            
        $('.description_wrapper')
        .append($('<p />')
            .css({ 'margin-bottom': '25px' })
            .addClass('right')
            .append($('<a />')
                .attr({
                    'href': ''
                })
                .addClass('more')
                .html('[ Czytaj dalej ]')))
                
    $('.description_wrapper .more').toggle(function() {
        $('#content .content .description').animate({
            'height': height,
        }, 500, function(callback) {
            $(this)
                .css({'overflow': 'visible'})
                $('.description_wrapper .more').html('[ Zwiń ]')
        });
    }, function() {
        $('#content .content .description').animate({
            'height': '100px',
        }, 500, function(callback) {
            $(this)
                .css({'overflow': 'hidden'})
                $('.description_wrapper .more').html('[ Czytaj dalej ]')
        });
    });
        
});