Добавление класса с анимацией.

[xTODx]

Добрый день, для раскрывающегося меню, при клике открываю блок, тут всё хорошо, только вот нужно сделать плавно.
Вот CSS

<style>
li ul{
	display:none;
	height:0px;
	padding-left:0;
}
li.active ul{
	display: block;
	height: auto;
	transition:1s;
}
</style>

Открываю путём добавления класса active

[Brutus]

Напиши вместо height: auto; max-height: 200px; и height: 0; max-height: 0;
И вместо display используй visibility;

Думаю у тебя в блоке нет контента на 200px

[xTODx]

благодарю, вы меня в общем-то правильно направильно, покрутил, сделал всё.
только вот когда раскрывается список, то при расширении один элемент на другой налазит(