Как сделать плавное изменение высоты блока для скрипта на jQuery?

Question

[Aison]

Приветствую, прошу помощи в решении данной задачи.

Есть блок "a" и есть блок "b".
блоку "a" задаётся высота относительно блока "b" через простенький скрипт:

$(document).ready(function(){
    var h=$(".b").outerHeight();
    $(".a").css({"height":h - 300});
});

как можно блоку "a" задать красивую анимацию в виде шторок с движением в вверх и вниз одновременно (блок "a" имеет вид вертикальной полоски рядом с блоком "b"). ? Нужно, чтобы блок "a" раздвигался от центра своей позиции вверх и вниз, ну, думаю Вы меня поняли)) надеюсь

знаю как сделать на css, но не вариант, ибо высота задаётся через скрипт.

Answer 1

[Владимир]

Ты в скрипте задаешь css свойство - высота. Если этому блоку пропишешь класс а в этом классе transition: height то будет тебе плавное изменение

Comments

[Aison]

я дурак, ставил изначальную высоту в 90%, от чего и результат был не тем.. спасиб