Плавное открытие/скрытие текста?

Question

[stichii]

Добрый день! подскажите как сделать плавный показ/скрытие текста.
Вот скрипт

$(function(){
    bloks_total = $('body').find('.caption');
    if(bloks_total.length){
        for(i=0; i < bloks_total.length;i++){
            blok_height = Number($(bloks_total[i]).css('height').replace('px',''));

            if(blok_height > 300){
                $(bloks_total[i]).css('max-height','300px');
                $(bloks_total[i]).parent().find('.read-next').show();
            }
        }
    }
});

$('.read-next').on('click', function(){
    is_parent = $(this).parent();
    blok = is_parent.find('.caption');
    if(blok.css('max-height') != 'none'){
        blok.css('max-height','');
        $(this).text('Скрыть');
    } else {
        blok.css('max-height','300px');
        $(this).text('Подробнее');
    }

    return false;
});

Скрипт работает, но нет плавности открытия/скрытия текста((

Answer 1

[ArturArturov]

вообще тут лучше css использовать, а js только классы навешивать

Answer 2

[0leg5ergeev]

api.jquery.com/category/effects/fading