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

Question

[axblue]

Всем привет. Подскажите как можно лучше сделать плавное вытягивание блока? Знаю как сделать при помощи transition - но проблема в том что блоки relative и вытесняются другие при изменениии высоты одного блока, нужно как-то сделать этот выезжающий кусочек абсолютным.
Подкиньте индейки(идейки).

Comments

[Сергей delphinpro]

https://jsfiddle.net/cuauLhLw/

[axblue]

Сергей, Да, супер, пробовал похоже, но не учел один момент. Спасибо, напишите в ответах свое решению, отмечу решением.

[axblue]

Сергей, Кстати можно как-то сделать z-index выезжающему блоку? а то нижние блоки перекрывают...

[Сергей delphinpro]

axblue,
.selector:hover { z-index: 10; }