Динамическое выпадение блока

[Entense]

Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста

[DivMan]

Можно попробовать через событие onload

[DMixa]

Может как-то так? Но! Эта конструкция не кросс-браузерная, использовал у себя, не работало в Chrome и Yandex.Browser.

[Launder]

Вот так можно. Если нужно чтоб b был дочерним элементу a, то логика, вероятно будет такой:

в первый момент анимации top: 100% (относительно родительского), при этом box-sizing можно присвоить border-box, дабы не думать о границах,

а height плавно увеличивать с 0 до нужного размера. В конце у блока b значение overflow с hidden можно поменять на auto, если предполагается что в блоке b много контента.

Также, по идее, всё это можно сделать через transition. Логика примерно таже, синтаксис немного отличается. Через транзишн плюс в том, что переход будет плавным и в обратную сторону, впрочем, возможно, так можно сделать и через анимацию, но что-то я, навскидку, не соображу как.

Edited April 26, 2016 by Launder