Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление класса с анимацией. (https://javascript.ru/forum/dom-window/55686-dobavlenie-klassa-s-animaciejj.html)

xTODx 10.05.2015 00:56

Добавление класса с анимацией.
 
Добрый день, для раскрывающегося меню, при клике открываю блок, тут всё хорошо, только вот нужно сделать плавно.
Вот CSS
<style>
li ul{
	display:none;
	height:0px;
	padding-left:0;
}
li.active ul{
	display: block;
	height: auto;
	transition:1s;
}
</style>

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

Brutus 10.05.2015 10:16

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

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

xTODx 11.05.2015 10:24

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


Часовой пояс GMT +3, время: 10:04.