@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;
});

Скрипт работает, но нет плавности открытия/скрытия текста((
  • Вопрос задан
  • 366 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ArturArturov
вообще тут лучше css использовать, а js только классы навешивать
Ответ написан
Комментировать
@0leg5ergeev
Самые глупые вопросы здесь задаю я
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы