[javascrip]

как сделать чтобы блок при наведении плавно выдвигался? ставлю transition: 1s работает, но плавно срабатывает только margin:0, то есть открывается быстро, а плавно только с margin-bottom до margin 0.

div {max-height:100px;overflow:hidden;margin-bottom:15px;transition: 1s;}

div:hover {max-height:100%;margin:0;}